프론트엔드
브라우저 렌더링 과정 - (리플로우와 리페인트)
면접 중 질문을 받게 되었는데 답변을 완벽하게 하지 못했다는 느낌이 들었다. 이번 기회에 충분한 정리하고 정보 공유를 위해서 브라우저 렌더링에 대한 글을 작성하게 되었다. 브라우저의 기본 구조 브라우저의 기본적인 구조는 다음과 같다. 사용자 인터페이스 - 주소표시줄, 뒤로 가기/앞으로 가기 버튼 등 요청 페이지를 제외한 인터페이스 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진사이의 동작을 제어 렌더링 엔진 - 요청한 컨텐츠를 표시, HTML과 CSS를 파싱하여 화면에 표시 통신 - HTTP 요청과 같은 네트워크 호출에 사용 UI 백엔드 - 버튼, 체크 박스와 같은 기본적인 위젯를 그림 자바스크립트 해석기 - 자바스크립트 코드를 해석하고 실행 자료 저장소 - localStorage, 쿠키와 같이 로컬에..
