![]()
사용자 인터페이스(UI)웹 페이지를 제외한 브라우저 화면의 모든 요소( 주소 표시줄, 뒤로가기/앞으로 가기 버튼, 북마크 메뉴 등... )를 뜻합니다. 웹 페이지프론트엔드 엔지니어가 HTML, CSS, Javascript 로 구현한 UI 요소는 웹 페이지의 인터페이스를 뜻합니다. 프론트엔드 엔지니어는 웹 페이지의 구조, 스타일, 동작을 정의함으로써 웹 페이지 인터페이스를 그립니다. 브라우저 엔진사용자 인터페이스와 랜더링 엔진 사이에서 명령을 전달하는 엔진이며, 사용자 인터페이스를 통해 사용자가 행한 동작들을 렌더링 엔진에 전달하여 웹 페이지가 표시되도록 하는 중간자 역할을 수행합니다. 브라우저 엔진과 렌더링 엔진레이아웃 엔진과 렌더링 엔진이라는 용어가 긴밀히 연관되어 사용되지만, 중요한 점은 '레이아웃..
![]()
프론트엔드 개발자로서 브라우저에 대해 알고 있어야 하는 사항들을 정리해보고자 목차를 적어보았습니다. 1. 브라우저의 기본 구조 https://develop-dbd.tistory.com/208브라우저 엔진랜더링 엔진Network자바스크립트 인터프리터 UI BackendDOM (Document Object Model)2. DOM (Document Object Model)https://develop-dbd.tistory.com/208DOM tree 구조DOM 조작3. CSSOM (CSS Object Model)https://develop-dbd.tistory.com/208CSS 파싱CSSOM 트리4. 렌더링 파이프라인파싱스타일 계산레이아웃페인팅 // https://develop-dbd.tistory.com/2..
![]()
BFS, DFS 문제를 풀 때 변수명을 x, y로 적고, 주어진 입력값에서부터 가로/세로를 따로 변수에 넣어주는 문제를 풀다가 놓쳐서 필요 없는 삽질을 했다. x, y 방식은 가로축인 x가 선행하는데, 실제 코드상으론 2차원 리스트의 세로, 즉 y축이 선행하기 때문이다. 알고리즘 테스트를 준비할 때에는 후자로 통일해서 이렇게 생각하기로 했다: arr[y][x] 이 포스트에 앞으로 관련 문제 혹은 혼동으로 오답을 볼 때마다 하나씩 추가해볼까 싶다... arr[y][x] 문제 리스트프로그래머스게임 맵 최단거리: https://school.programmers.co.kr/learn/courses/30/lessons/1844
