➡️ 쇼핑몰의 상품 정보와 같은 <mark style='background-color: 2티어 아키텍쳐 또는 클라이언트-서버아키텍처라고 부른다. ➡️ 이 때 리소스를 사용하는 앱이 '클라이언트', 리소스를 제공하는 곳을 '서버'라고 부른다. ➡️ 서버는 리소스를
🔎 이번에는 브라우저의 작동 원리를 보이지 않는 영역에 대하여 학습했다. 그 중 가장 먼저 URL과 URI가 무엇인지, 차이점은 무엇인지 정리하고자 한다. ➡️ 웹 주소, 컴퓨터 네트워크 상에서 리소스가 어디 있는지 알려주기 위한 규약이다.<mark style=
🔎 네트워크 상태에서 특정 인물의 PC에 접속하기 위해서는 어떻게 해야할까? 네트워크 상에서도 연결된 특정 PC의 주소를 나타내는 체계와 통로가 필요하다. 이에 해당되는 IP와 PORT에 대해 정리하며 학습하고자 한다.➡️ <mark style='backgrou
🔎 하루에 새롭게 접하는 개념들이 많아 작게 나눠서 정리하며 학습하고 있다. 이번에는 어느정도 익숙한 Domain name과 DNS에 대해 정리해보려고 한다. ➡️ <mark style='background-color: IP 주소를 대신하여 사용하는 주소, 도메
➡️ <mark style='background-color: HTML과 같은 문서를 전송하기 위한 프로토콜이다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해 디자인되었다. 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP Messages 양식에 맞춰 요
🔎 이번에는 기술 면접 단골 질문로 나오는 내용이며, 매우 중요하다고 하는 SPA 원리인 SSR(Server Side Rendering)과 CSR(Client Side Rendering)는 각각 무엇인지, 차이점은 무엇인지에 대해 정리하여 학습하고자 한다. <m
🔎 웹 애플리케이션에서는 HTTP 메서드를 이용해 서버와 통신한다. 이때 어떤 요청을 보내고 받느냐에 따라 메서드 사용이 달라지는데 제대로 보내고 받을 수 있는 규약이 존재한다. 어떻게 요청하고 응답하는게 바람직한 방법인지 학습이 필요하겠다. 또한, 이번에는 전에 학
🔎 부트캠프 section 2를 진행하실 때마다 중요하다고 강조하는 HTTP 요청과 응답에 대해 완벽하게 숙지할 겸 간단하게 정리해보고자 한다. 요청(request) ←→ 응답(response) 의 구조로 되어있다.클라이언트가 서버에 HTTP request 를 보내
API Application Programming Interface → 개발자들이 그 사이트와 상호작용을 할 수 있는 버튼들이 있다는 뜻 → 버튼들은 어플리케이션을 만든 사람의 의도에 따라 노출되어있다. 그래서 버튼을 누르면 어플리케이션은 해당 명령어를 실행하도록 프로
오늘은 CORS Error가 어떤 상황에서 발생하는지 다시 한 번 보고, 실제로 React 클라이언트에서는 어떤 방식으로 서버와 소통하는지에 대해 학습했다. Webpack dev server에서 제공하는 proxy 기능을 사용하는 방법과 React 라이브러리인 http