Frontend (1) 썸네일형 리스트형 브라우저 렌더링 원리 브라우저의 기본 구조 1. 사용자 인터페이스 사용자가 접근할 수 있는 영역 URI를 입력할 수 있는 주소 표시줄, 뒤로가기 버튼 등 페이지를 보여주는 창을 제외한 나머지 부분 2. 브라우저 엔진 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어 3. 렌더링 엔진 렌더링 엔진에서 요청한 콘텐츠를 표시하는데 HTML를 요청하면 HTML과 CSS를 파싱하여 화면에 표시 4. 통신 HTTP 요청과 같은 네트워크 호출에 사용 플랫폼 독립적인 인터페이스이고 각 플랫폼 하부에서 실행 5. UI 백엔드 플랫폼에서 명시하지 않은 일반적인 인터페이스, OS 사용자 인터페이스 체계 사용 6. 자바스크립트 파서 자바스크립트 코드를 해석하고 실행 7. 자료 저장소 cookie, local storage 등 local에 data.. 이전 1 다음