Section2 Unit7 [HTTP/네트워크] 기초

---

Section2 Unit7 [HTTP/네트워크] 기초

 

📌 Chapter1. 웹 애플리케이션 아키텍처

 • 클라이언트는 인터넷에 연결된 사용자의 디바이스, 또는 웹에 접근할 수 있는 소프트웨어를 뜻한다. 대표적인 예로 브라우저가 있다. 브라우저는 HTML, CSS, JavaScript 등으로 작성된 코드를 내부 엔진으로 해독하여 사용자가 쉽게 이해할 수 있는 형태의 콘텐츠로 보여주는 역할을 한다.

 • 서버는 클라이언트가 어떤 자원을 요청하면 해당 요청을 적절하게 처리하는 역할을 한다. 클라이언트느 서버의 자원을 어떻게 사용할 수 있는지 명시해 둔 인터페이스 API에 따라 요청을 전송한다.

 • 이렇게 클라이언트와 서버가 서로 요청과 응답을 주고받을 수 있는 것은 HTTP 통신 규약 덕분이다.

 

 

📌 Chapter2. 브라우저의 작동 원리(보이지 않는 곳)

 • URL은 네트워크 상에서 웹 페이지, 이미지, 동영상 등의 파일이 위치한 정보를 나타내며, scheme, hosts, url-path로 구분한다.

 • URI은 일반적으로 URL의 기본 요소인 scheme, hosts, url-path에 더해 query, fragment를 포함한다. 

 • IP주소란, 인터넷상에서 사용하는 주소체계로 네트워크에 연결된 특정 PC의 주소를 나타내는 체계이다.

 • PORT(포트)는 IP 주소에 진입할 수 있는 정해진 통로로, 잘 알려진 포트 번호로는 22(SSH), 80(HTTP), 443(HTTPS) 등이 있다.

 • 현재 사용 중인 로컬 PC는 localhost로 IP 주소는 127.0.0.1 이다.

 • Domain은 웹 브라우저를 통해 특정 사이트에 진입할 때, IP 주소를 대신하여 사용하는 주소이다. 도메인 이름을 이용하면 한눈에 파악하기 힘든 IP 주소를 보다 간단하게 나타낼 수 있다. 

 • DNS(Domain Name System)란 호스트의 도메인 이름을 IP 주소로 변환하거나 반대의 경우를 수행할 수 있도록 개발된 데이터베이스 시스템이다.

 

 

📌 Chapter3. HTTP 개요

 • HTTP(HyperText Transfer Protocol)는 HTML과 같은 문서를 전송하기 위한 프로토콜이다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Messages 양식에 맞춰 요청을 보내면, 서버도 HTTP Messages 양식에 맞춰 응답한다.

 

 

📌 Chapter4. 브라우저의 작동 원리(보이는 곳)

 • AJAX는 Asynchronous JavaScript And XMLHttpRequest의 약자로, JavaScript, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법이다.

 • SSR(Server Side Rendering)은 웹 페이지를 브라우저에서 렌더링하는 대신에 서버에서 렌더링한다. SEO가 우선순위인 경우 일반적으로 SSR을 사용하며, SSR은 웹 페이지의 첫 화면 렌더링이 빠르고, 단일 파일의 용량이 적다. 

 • CSR(Client Side Rendering)은 클라이언트에서 페이지를 렌더링한다. 사이트에 풍부한 상호 작용이 있는 경우 CSR은 빠른 라우팅으로 강력한 사용자 경험을 제공한다. 

 

 

💬 오늘 배운게 너무 많은데, 정말 간단히 요약하자면 위와 같다. 나중에 시간이 나면 각각의 주제에 대해 좀 더 공부해서 따로 글을 쓸 수 있으면 좋을 것 같다는 생각이 들었다. 😊

---

🌙  오늘의 회고

 HTTP와 네트워크는 이론이라 간단히 보고 넘어려고 했었는데, 생각보다 공부할 부분이 많고, 모르는 용어가 많아서 놀랐다. 컴퓨터와 인터넷을 사용하며 자주 접했지만 말로 설명하기엔 명확하게 아는게 없었던 URL부터 해서 프로토콜, IP주소, DNS, 그리고 복잡했던 HTTP 통신까지, 아직 이 모든 것을 활용하고 공부하기엔 멀었지만 조금은 익숙해졌다.

 오후 Q&A 세션에서 강사님이 어떤 질문에도 술술 막힘없이 답을 해주시는 걸 보고 사실 좀 놀랐다. 현업에서 일을 하는 분들은 모두 저렇게 잘 설명해주고, 잘 알고 있는걸까? 아니면 이 모든게 너무 기본적인 내용이라 당연하게 숙지하고 있는걸까. 그런 모습들을 보면 더 열심히 공부해야겠다는 생각이 하루에도 백만번도 더 든다…😭 흑. 내가 알았던 거라곤 CSR이 클라이언트 사이드 렌더링이고, SSR이 서버 사이드 렌더링 이라는 것밖에 없었는데.. (클라이언트 사이드 렌더링이 뭐냐고 물으면 어.. 리액트? 라고 밖에 대답하지 못할걸..)

 그래도 이전보다 더 많이 알게 되어서 다행이다. 내일은 오늘보다 더 많은걸 알게 되겠지.