Network Basis
-
[Network] CSR, SSR 개념 및 장단점 비교Network Basis 2023. 4. 8. 18:42
들어가기전에 SSR 의 대표적인 도구로 JSP CSR 의 대표적인 도구로 React.js SSR 은 SEO 작업을 해야할 때 사용한다. 학생때는 딱 이 정도 깊이로만 알고 있었는데 HTML을 PDF 로 변환하는 작업을 진행하면서 개념이 정확히 정립된 것 같아 내용을 공유하고자 합니다. SSR 과 CSR 을 구분하는 기준 SSR 과 CSR을 구분하는 기준은 아래와 같습니다. 바로 서버에 요청 시 완성된 HTML DOM 을 Response 로 반환을 하느냐 인데요. 다른말로 표현하자면 JavaScript 가 HTML DOM 을 조작하느냐 아니냐로 구분된다 할 수 있습니다. Response 로 전달된 HTML 가 JS 실행 전과 실행 후가 동일하다면 SSR, 다르다면 CSR 로 보셔도 무방합니다. 글로만 설명..
-
[Network] HTTP GET 요청의 QueryParameter 를 List 로 보내기Network Basis 2023. 3. 12. 19:08
뭔가 하찮은 내용의 포스팅이지만 컨트롤러에서 쿼리파라미터를 인식하지 못하는 것에 또 당황할 것을 대비하여 기록한다. Spring 에서 @RequestParam 의 자료형이 List 일 경우 아래와 같이 요청해야 List 임을 인식한다. GET https://{domain}/uri?userIdxList=1,3,5,7,9 (O) 반대로 아래와 같이 요청을 보내면 List 임을 인식하지 못한다. GET https://{domain}/uri?userIdxList=[1,3,5,7,9] (X)
-
[Network] DNS 동작원리 간단정리 (+ nslookup)Network Basis 2023. 3. 12. 18:53
이 글은 아래의 포스팅의 내용을 재구성한 포스팅입니다. DNS란 뭐고, 네임서버란 뭔지 개념정리 | 살살살림 DNS란 건 뭐고, DNS 서버란 건 뭐고, 네임서버란 건 뭐고 이름부터 혼란스러운 개념. 사용자의 입장에서 왜 DNS 역할이 필요한지와 추천할 만한 무료 네임서버에 대해서 알.아.보.자. gentlysallim.com DNS 동작개요 DNS Server 관리 주체 Authoritative DNS Server 를 보통 네임서버라고 부른다. DNS 검색속도 및 캐싱 적중률 대부분의 요청은 통신사의 ISP 서버의 캐싱으로 동작한다. (70%~90% 적중) 캐시가 적중하지 않을 경우 네임서버(Authoritative DNS Server)의 성능에 따라 도메인의 검색속도에 영향을 줄 수 있다. 검색속도 ..
-
[CORS] Origin 헤더는 언제 추가될까? (feat. 흔히 저지르는 실수들)Network Basis 2022. 12. 19. 19:44
여태 Origin 헤더는 브라우저가 자동으로 항상 추가한다고 알고 있었는데, 실무를 하다가 Origin 헤더를 브라우저가 추가하지 않는 경우를 발견하게 되었다. 궁금한건 절대 못참지!!! Origin Header 는 언제 브라우저에 의해서 추가가 될까? 1. Cross Origin 요청일 때 2. Same Origin 이나 GET, HEAD 를 제외한 메소드 일 때 Origin - HTTP | MDN The Origin request header indicates the origin (scheme, hostname, and port) that caused the request. For example, if a user agent needs to request resources included in a p..
-
[Network] HTTP 응답코드(Response Code)Network Basis 2022. 4. 8. 00:32
HTTP 상태코드 개요 1xx - Informational : 요청이 수신되어 처리 중 (거의안씀) 2xx - Successful : 요청 정상처리 3xx - Redirection : 요청을 완료하려면 추가 행동 필요 4xx - Client Error : 클라이언트 오류 5xx - Server Error : 서버 오류 '599', '279' 같은 새로운 상태코드가 정의되어 응답이 내려오면 클라이언트는 자신이 그 코드처리방법을 모른다면 상위 상태코드로 해석해서 처리한다. ex) 279 -> 200 (Successful) ex) 599 -> 500 (Server Error) Response Code - 2xx (200번대) 200 OK - 요청성공 201 Created - 요청 성공 & 새로운 리소스 생성됨..
-
[Network] HTTP 헤더 정리 및 분석Network Basis 2022. 4. 7. 18:40
이 포스팅은 김영한님의 '모든 개발자를 위한 HTTP 웹 기본지식' 을 발췌하여 작성되었습니다. 해당 포스팅 이외에 헤더에 대해 궁금하시거나 배경지식이 필요하시면 아래의 MDN 문서를 참조하시면 좋을 것 같습니다. HTTP 헤더 - HTTP | MDN HTTP 헤더는 클라이언트와 서버가 요청 또는 응답으로 부가적인 정보를 전송할 수 있도록 해줍니다. HTTP 헤더는 대소문자를 구분하지 않는 이름과 콜론 ':' 다음에 오는 값(줄 바꿈 없이)으로 이루 developer.mozilla.org 과거 HTTP 헤더와 BODY 명칭 현재 HTTP 메세지 명칭 메세지 본문(Message Body)가 Entity Body -> Representation Body 으로 명칭 변경 여기서 Representation 이 ..
-
[Network] HTTP의 모든 것 (HTTP특징, URI 설계, 상태코드, 리다이렉션, 헤더)Network Basis 2022. 4. 6. 19:06
들어가기전에 * URI, URL 의 차이를 모른다면? [Network] URL? URI? URN? URI에 대한 공식스펙 (https://www.ietf.org/rfc/rfc3986.txt) URI, URL, URN 에 대해 명확히 알고 계시나요? 필자도 명확하게 몰라도 여태 지장없이 코딩을 해왔었는데 사실 한번쯤은 명확히 정리하고 싶었습니 developer-ping9.tistory.com * 프로토콜이 뭐지? [Network] 통신 프로토콜의 발전에 대한 간략 정리글 (IP, TCP/UDP, HTTP) 이 글은 각 통신 프로토콜이 어떠한 필요에 의해 만들어졌는지 간단하게 역사를 되짚어 보는 글입니다. 자세한 정보들은 해당 포스팅에서 얻은 키워드로 검색하시길 바래요 :D 아래는 각 계층 developer..
-
[Network] URL? URI? URN?Network Basis 2022. 4. 6. 18:06
URI에 대한 공식스펙 (https://www.ietf.org/rfc/rfc3986.txt) URI, URL, URN 에 대해 명확히 알고 계시나요? 필자도 명확하게 몰라도 여태 지장없이 코딩을 해왔었는데 사실 한번쯤은 명확히 정리하고 싶었습니다. (저는 명확하게 정리안하면 제 뇌가 기억을 안하더라구요 😩) 가시죠..!! URI (Uniform Resource Identifier) URI 는 URL과 URN을 포함하는 상위개념이다. 영어 뜻을 그대로 해석해보자면, 리소스를 구분하는 통일된 규약 정도로 볼 수 있겠다. 아래는 포함관계를 보여주는 밴다이어그램이다. URL과 URN URL (Uniform Resource Locator) 리소스를 구분하는 규약(URI) 중 리소스가 있는 위치를 기준으로 구분하는..