요약 브라우저에서 서버에 필요한 자원을 요청합니다. 브라우저의 렌더링 엔진이 DOM 트리와 CSSOM를 생성합니다. 생성된 DOM 트리와 CSSOM를 합쳐서 렌더 트리를 생성합니다. JS 코드가 있다면 자바스크립트 엔진으로 파싱하여 AST를 생성한 뒤 인터프리터에 전달하여 DOM 또는 CSSOM을 변경합니다. 변경된 트리를 렌더 트리에 반영하여 변경시킵니다. → Reflow, Repaint 렌더 트리를 기반으로 HTML 요소의 레이아웃을 계산하여 페인팅합니다. 탐색 (Navgation) 웹페이지를 로딩하는 첫 단계입니다. 주소창에 URL을 입력하거나 링크를 클릭하거나 Form을 제출하는 것처럼 사용자가 요청을 보낼 때마다 발생합니다. 탐색 과정의 시간을 최소화하는 것이 웹 최적화의 목표 중 하나 DNS ..
🧐 객체 지향 프로그래밍이란 객체들의 유기적인 협력과 결합으로 파악하고자 하는 컴퓨터 프로그래밍의 패러다임입니다. 객체 지향 프로그래밍에서는 데이터와 해당 데이터를 처리하는 메서드를 하나의 객체로 묶어서 관리합니다. 이러한 객체들은 서로 상호작용을 하고, 이 객체들이 모여서 시스템을 구성합니다. 또한 객체들은 다형성, 캡슐화, 상속 등의 개념을 활용해서 유연하고 확장성 있는 프로그래밍을 가능하게 합니다. 👍 장점 반복적인 코드를 최소화하여 재사용성이 좋습니다. 코드의 변경을 최소화하고, 유지보수를 하기 좋습니다. 직관적인 코드를 작성하기 좋습니다. 👾 객체 지향 프로그래밍의 4가지 특징 추상화 추상화는 내부 구현은 복잡하게 되어 있는데, 겉으로 볼 때는 간단해 보이게 한다는 것입니다. 우리가 많이 사용하..
