jfmam 개발 블로그

브라우저에 주소 입력 DNS를 통해 ip 주소를 받는다. 브라우저 ↔ 웹서버간의 HTTP 통신 tcp ip 통신 웹서버로부터 브라우저에 요청한 주소에 알맞은 리소스를 반환 받을 수 있게 메시지를 요청한다. 웹서버에 요청한주소에 알맞은 리소스 값을 찾은 후 존재할 시에 응답메시지를 보내준다. https://amunre21.github.io/web/1-site-works/ (자세한 내용) 웹서버에서 알맞은 리소스를 반환한다. 브라우저 리소스 html 파싱하기 브라우저 리소스 html 파싱하기 (5번) HTML parsing → Dom 생성 CSS parsing → CSSOM 생성 DOM + CSSOM → render tree 셍성 layout → 위치와 크기를 계산한다 paint → 화면상에 실제 픽셀로 변..

HTTP 메시지란? HTTP 어플리케이션간 주고받은 데이터 블록들이다. 데이터 블록은 메시지의 내용(바디)과 의미를 설명하는 텍스트 메타정보(헤더)로 이루어져있다 용어정리 인바운드: 메시지가 클라이언트에서 서버 방향으로 이동하는 것 아웃바운드: 메시지가 서버에서 클라이언트로 이동하는 것 다운스트림: 현재 위치의 서버를 기준으로 데이터를 송신 또는 내보내는 흐름 업스트림: 현재 위치의 서버를 기준으로 데이터를 수신 또는 받아들이는 흐름 ex) 현재 서버가 클라이언트로 부터 데이터를 받으면 클라이언트에서 부터 메시지가 온 흐름은 업스트림이 된다. 현재 서버가 클라이언트로 데이터를 response 하게되면 그 흐름이 다운스트림이 된다. 모든 흐름은 다운스트림이 된다. 메소드 종류 HEAD 문서에 대한 헤더만 ..

인터넷의 리소스를 가르키는 표준 이름 웹에서 식별할 수 있는 모든 자원을 가르킨다 (Content-Type) 스킴: 어떻게 리소스에 접근하는가? → 프로토콜 호스팅: 어디에 위치해있는가? → 도메인 주소 리소스 경로: 서버에서 무엇을 불러오는가? 💡 브라우저에 필요한 모든 정보를 url을 통해 접근하여 요청한다. URL 문법 스킴, 호스팅, 리소스 이외의 문법에 대해 알아보자 ://사용자이름: 비밀번호 @ 호스팅: 포트번호 / 리소스 주소;파라미터 ?쿼리 # 프레그먼트 사용자이름 : 리소스 접근을 위한 사용자 이름 패스워드: 접근하려는 사용자의 비밀번호 포트: 리소스를 호스팅 하는 서버거 열어놓은 포트번호 파라미터: (;) 를 이용하여 파라미터를 기술한다. 호스트와 경로정보만으로 부족할 때 쿼리: 리소스..

http란? 💡 신뢰성 있는 데이터 전송 프로토콜로 전송 중 손상되거나 꼬이지 않음을 보장한다 웹 클라이언트와 서버 웹 서버란? 인터넷의 데이터를 저장하고 http 클라이언트가 요청한 데이터를 제공한다. 도메인에 접근해 http요청을 인터넷 도메인 주소로 서버에 요청한다 해당 리소스를 찾고 성공했다면 해당 리소스를 클라이언트에 반환한다. 그냥 간단히 말해서 http프로토콜을 사용하는 인터넷 주소에 접근하면 request response 하는거다. 리소스 웹서버에서 관리하는 콘텐츠 정적콘텐츠, 동적콘텐츠로 분리된다. 파일시스템에 저장되는 파일은 정적 콘텐츠로 분리된다 특정 정보에 따라 변할 수 있는 콘텐츠는 동적콘텐츠로 분린된다 콘텐츠의 종류는 한가지로 정의할 수 없다. 즉 어떤 종류의 콘텐츠도 리소스가 ..