Frontend

A piece of Software concerns Presentation Layer

프론트엔드는 제품에 따라 답이 정해져 있다. 창의적인 프론트엔드는 만들 수 있지만, 카카오톡 유튜브 인스타그램 페이스북같이 대중들을 대상으로 하는 UI에는 정답이 있다. Short video에는 Tiktok이던 릴스던 숏츠건 똑같고 Text LLM에서는 채팅으로 수렴하는 것처럼 제품이 Frontend를 결정한다.

Frontends

Frontend Notion

Interview_Question_for_Beginner/FrontEnd at master · JaeYeopHan/Interview_Question_for_Beginner

HTML 마크업을 처리하고 DOM 트리를 빌드한다. ("무엇을" 그릴지 결정한다.) CSS 마크업을 처리하고 CSSOM 트리를 빌드한다. ("어떻게" 그릴지 결정한다.) DOM 및 CSSOM 을 결합하여 렌더링 트리를 형성한다. ("화면에 그려질 것만" 결정) 렌더링 트리에서 레이아웃을 실행하여 각 노드의 기하학적 형태를 계산한다. ("Box-Model" 을 생성한다.) 개별 노드를 화면에 페인트한다.(or 래스터화) Reference 웹에서는 수많은 이벤트(Event)가 발생하고 흐른다.