본문 바로가기

WEB/배경지식

(3)
웹의 동작 방식 용어 정리 TCP/IP: Transmission Control Protocol(전송 제어 규약) / Internet Protocol(인터넷 규약) 데이터가 어떻게 웹을 건너 돌아다녀야 하는지 정의하는 통신 규약 DNS: Domain Name System Servers(도메인 이름 시스템 서버) 웹사이트를 위한 주소록. 웹 주소가 입력되면, 브라우저에서는 웹사이트를 검색하기 전에 DNS를 살펴본다. HTTP: Hypertext Transfer Protocol(하이퍼텍스트 전송 규약) 서버와 클라이언트가 서로 통신하기 위한 언어 정의하는 어플리케이션 규약 컴포넌트 파일 코드 파일: HTML, CSS, JavaScript 등 자원: 이미지, 음악, 비디오 등 브라우저에서 일어나는 일 DNS 주소로 가서 웹사이..
브라우저의 동작 원리(2) - HTML 파서 HTML 파서 HTML 마크업 -> 파싱 트리 HTML 문법 정의 by W3C, 명세로 정의됨 Context Free Language가 아님 HTML 정의를 위한 공식적 형식으로 DTD(문서 형식 정의)가 있지만 이것은 CFG가 아님 HTML이 XML과 유사하기 때문 + HTML은 너그럽다. 암묵적으로 태그 생략 가능 DOM(Document Object Model) 파싱 트리는 DOM요소와 속성 노드의 트리로서 출력 트리가 된다. 트리의 최상위 객체: 문서 e.g. DOM은 W3C에 의해 명세가 정해져 있다. 문서를 다루기 위한 일반적인 명세. HTML요소를 설명하기도 한다. 트리가 DOM 노드를 포함한다 == DOM 접점의 하나를 실행하는 요소 구성 파싱 알고리즘 일반적인 상향식/하향식 파싱이 안되는 ..
브라우저의 동작 원리(1) - 브라우저의 주요 기능 브라우저의 주요 기능 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시 자원: 주로 HTML. PDF 이미지 등도 가능 (자원 주소는 Uniform Resource Identifier에 의해 정해짐) 사용자 인터페이스: URI 입력가능한 주소 표시줄 이전버튼, 다음버튼 북마크 새로고침버튼, 정지버튼 홈버튼 브라우저의 기본 구조 사용자 인터페이스 - 앞서 언급한 주소표시줄, 버튼 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어 렌더링 엔진 - 요청한 콘텐츠 표시. 통신 - 네트워크호출에 사용됨. 플랫폼 독립적 인터페이스. 각 플랫폼 하부에서 실행됨 UI 백엔드 - 플랫폼에서 명시하지 않은 일반적인 인터페이스. OS 사용자..