목록HTTP (11)

하얀 코딩

[HTTP - 11] SSR vs CSR

SSR (Server Side Rendering) 웹 페이지를 브라우저에서 렌더링하는 대신에 서버에서 렌더링합니다. 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송합니다. 그리고 서버의 웹 페이지가 브라우저에 도착하면 완전히 렌더링됩니다. 서버에서 웹 페이지를 브라우저로 보내기 전에 서버에서 완전히 렌더링했기 때문에 Server Side Rendering 이라고 합니다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음, 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답으로 보냅니다. 웹 페이지를 살펴보던 사용자가, 브라우저의 다른 경로로 이동하면 어떻게 될까요? 브라우저가 다른 경로로 ..
HTTP 2023. 1. 6. 15:03
[HTTP - 10] AJAX

AJAX (Asynchronous JavaScript And XMLHttpRequest) AJAX는 JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법입니다. AJAX는 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나입니다. AJAX는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있습니다. 즉 AJAX를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있습니다. 장점 1. 서버에서 HTML을 완성하여 보내주지 않아도 웹페이지를 만들 수 있습니다. 이전에는 서버에서 HTML을 완성하여 보내주어야 화면에 렌더링을 할 수 있었습니다. 그러나 AJAX..
HTTP 2023. 1. 6. 14:12
[HTTP - 9] HTTP Responses

Status line HTTP Responses는 서버가 클라이언트에게 보내는 메시지입니다. 다음의 정보를 포함합니다. 현재 프로토콜의 버전(HTTP/1.1) 상태 코드 - 요청의 결과를 나타냅니다. (ex. 200, 302, 404 등) 상태 텍스트 - 상태 코드에 대한 설명 Status line의 한 예시로 HTTP/1.1 404 Not Found가 있습니다. Headers 응답에 들어가는 HTTP headers는 요청 헤더와 동일한 구조를 가지고 있습니다. 대소문자 구분 없는 문자열, 콜론(:), 값을 입력합니다. 값은 헤더에 따라 다릅니다. 요청의 헤더와 마찬가지로 몇 그룹으로 나눌 수 있습니다 General headers : 메시지 전체에 적용되는 헤더로, body를 통해 전송되는 데이터와는 관..
HTTP 2023. 1. 6. 02:52
[HTTP - 8] HTTP Requests

Start line HTTP Requests는 클라이언트가 서버에게 보내는 메시지입니다. Start line에는 세 가지 요소가 있습니다. 1. 수행할 작업(GET, PUT, POST 등)이나 방식(HEAD or OPTIONS)을 설명하는 HTTP method를 나타냅니다. 예를 들어 GET method는 리소스를 조회 하는 요청이고, POST method는 데이터를 서버로 요청합니다. 2. 요청 대상(일반적으로 URL이나 URI) 또는 프로토콜, 포트, 도메인의 절대 경로는 요청 컨텍스트에 작성됩니다. 이 요청 형식은 HTTP method 마다 다릅니다. origin 형식 : '?'와 쿼리 문자열이 붙는 절대 경로입니다. GET, POST, HEAD, OPTIONS 등의 method와 함께 사용합니다...
HTTP 2023. 1. 6. 01:27
[HTTP - 7] HTTP 기초

HTTP는 HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 프로토콜입니다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었습니다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Messages 양식에 맞춰 요청을 보내면, 서버도 HTTP Messages 양식에 맞춰 응답합니다. HTTP Messages는 클라이언트와 서버 사이에서 데이터가 교환되는 방식입니다. HTTP Messages에는 다음과 같은 두 가지 유형이 있습니다. 요청 (Requests) 응답 (Responses) HTTP Messages는 몇 줄의 텍스트 정보로 구성됩니다. 그러나 개발자는 이런 메시지를 직접 작성할 필요가 거의 없습니다. 구성 파일, API, 기타 인..
HTTP 2023. 1. 6. 01:01
[HTTP - 6] 크롬 브라우저 에러 읽기

Chrome 브라우저를 사용하다 보면 누구나 한 번쯤 에러 메시지를 만날 수 있습니다. 이 에러 메시지는 웹페이지를 제공하는 서버와 Chrome 브라우저가 소통하는 단계, 또는 기기와 네트워크의 연결, Chrome 브라우저가 해석할 수 없는 데이터를 전송받은 경우 발생합니다. 아래에서 설명하는 에러 메시지는 Chrome 브라우저를 사용하면 만날 수 있는 잘 알려진 에러 메시지입니다. Chrome 브라우저를 제공하는 구글은 이런 에러 메시지를 어떻게 핸들링해야 하는지 잘 설명해두었습니다. 웹페이지 대신 '앗, 이런!' 에러 페이지 또는 다른 에러 메시지가 표시된다면, Chrome 브라우저가 웹 페이지를 로드하는 데에 문제가 발생한 경우입니다. 이 경우 페이지가 느리게 로드되거나, 열리지 않을 수도 있습니다..
HTTP 2023. 1. 6. 00:10
[HTTP - 5] Domain, DNS 기초

Domain 1. 도메인은 웹 브라우저를 통해 특정 사이트에 진입을 할 때, IP 주소를 대신하여 사용하는 주소이다. ex) naver.com, google.com, youtube.com 2. 숫자와 . 의 배열만으로 이루어진 IP주소를 좀더 보기좋게 포장하여 나타낸 것 ex) naver.com, google.com, youtube.com DNS (Domain Name System) 네트워크 상에 존재하는 모든 PC는 IP 주소가 있습니다. 모든 IP 주소가 도메인 이름을 가지는 것은 아닙니다. 로컬 PC를 나타내는 127.0.0.1 은 localhost 로 사용할 수 있지만, 그 외의 모든 도메인 이름은 일정 기간 동안 대여하여 사용합니다. DNS는 데이터베이스 시스템입니다. 호스트의 도메인 이름을 I..
HTTP 2023. 1. 5. 23:42
[HTTP - 4] IP와 PORT

IP (Internet Protocol) IP는 인터넷상에서 사용하는 주소체계를 의미합니다. 네트워크에 연결된 특정 PC의 주소를 나타내는 체계를 IP address(IP 주소)라고 합니다. 인터넷에 연결된 모든 PC는 IP 주소체계를 따라 네 덩이의 숫자로 구분됩니다. ex) 123.456.789.123 이렇게 네 덩이의 숫자로 구분된 IP 주소체계를 IPv4라고 합니다. IPv4는 Internet Protocol version 4의 줄임말로, IP 주소체계의 네 번째 버전을 뜻합니다. 터미널(CLI)을 열고, nslookup 명령어로 nslookup naver.com 을 입력하면 해당 사이트의 IP 주소를 알 수 있습니다. nslookup naver.com IPv4는 각 덩어리마다 0부터 255까지 ..
HTTP 2023. 1. 5. 22:03
이전 Prev 1 2 Next 다음