Ella 프론트엔드일지

0. Origin (출처) Protocol + Host + Port 3가지가 같으면 동일 출처(Origin)라고 한다. 프로토콜의 HTTP는 80번, HTTPS는 443번 포트를 사용하는데, 80번과 443번 포트는 생략이 가능하다. URL 구조 더 보고 싶으면 더보기 누르기 더보기 Protocol(Scheme) : http, https Host : 사이트 도메인 Port : 포트 번호 Path : 사이트 내부 경로 Query string : 요청의 key와 value값 Fragment : 해시 태크 *동일 출처 예시 http://example.com:80 http://example.com HTTP 기본 Port인 80번이 생략되어있으므로 동일 출처입니다 http://example.com/app1/ind..

1. 브라우저 캐시 체크 - 사용자가 웹 브라우저를 통해 google.com 을 입력하면 브라우저는 로컬 캐시에서 해당 URL 에 대한 최근 저장된 IP 주소가 있는지 확인한다. 2. DNS 조회 - 요청한 URL 이 캐시에 없으면, ISP 의 DNS 서버에 google.com(도메인)의 IP 주소를 찾기위해 DNS query를 날린다. 3. TCP 연결 - IP 주소를 확인한 후 브라우저는 해당 IP 주소의 서버와 TCP 연결을 시작한다. 3-way-handshake 방식으로 수행되며, 클라이언트와 서버간의 안정적인 연결을 확립한다. 4. HTTP 요청 - TCP 연결이 확립되면, 브라우저는 HTTP 프로토콜을 사용하여 요청 메시지를 생성해서 웹서버에 HTTP 요청을 한다. 요청은 필요한 리소스 (HT..

아래 사용된 그림들은 직접 제작한 것이니 무단으로 가져가시지 마세요~ 출처 밝혀주세요! ✅CSR 과 SSR의 비교 SSR(서버 사이드 렌더링) CSR(클라이언트 사이드 렌더링) 🔸서버에서 사용자에게 보여줄 페이지를 모두 미리 구성한 뒤 페이지를 렌더링 하는 방식(데이터를 포함한 완전한 형태의 페이지를 전송한다) 🔸페이지를 이동할 때마다 서버에 새로운 페이지를 요청한다.(그래서 화면이 깜빡인다. 전송받은 새로운 HTML 파일을 렌더링 하기 위해 브라우저가 기존에 렌더링된 페이지를 지우고 새로운 페이지를 렌더링하기때문에) 🤔) 나는 CSR만 해봤기에 그러면 HTML,CSS 를 서버에서 어떻게 작성하지..궁금해졌다. chatGPT 曰 : 서버에서는 템플릿 엔진이나 서버측 렌더링 프레임워크를 사용하여 서버측 코..