📚개발지식/개념정리3 [개념정리] 브라우저 렌더링의 순서 렌더링사전적 의미아직은 실제로 제품화되어 있지 않은, 계획 단계에 있는 공업 제품을 전문가가 아니어도 그것의 외관을 이해할 수 있도록 실물 그대로 그린 완성 예상도 브라우저 렌더링HTML, CSS, JS 등 개발자가 작성한 문서를 파싱하여 사용자가 눈으로 볼 수 있도록 브라우저에 출력하는 과정 브라우저 렌더링 순서1. 서버로부터 HTML 문서를 전달받는다. 2. 브라우저 엔진은 HTML 문서를 위에서 아래로 파싱하며 태그와 속성을 발견한다. 3. 태그와 속성들이 트리 형태로 변환되며 메모리에 저장되고, 이를 DOM Tree라고 한다. 4. HTML 파싱 중 CSS 링크 또는 스타일 태그를 만나면 CSSOM Tree로 변환한다. 5. 문서의 파싱이 완료되면 DOM과 CSSOM 트리를 결합하여 렌더 트리를.. 📚개발지식/개념정리 2024. 8. 7. [개념 정리] SSR과 CSR의 차이점 및 장단점 (SPA, MPA) SPA vs MPA 오늘날 웹 애플리케이션을 개발한다고 하면 대부분 React, Angular, Vue와 같은 JS 기반 프레임워크를 사용해 SPA를 개발한다. SPA SPA란, Single Page Application의 약자로, 하나의 페이지로 구성된 애플리케이션이다. SPA로 개발된 웹 사이트에서는 카테고리에 있는 메뉴를 선택하면 보통 헤더는 고정되어 있는 상태로 메인 화면만 바뀐다. MPA MPA란, Multi Page Application의 약자로, 여러 개의 페이지로 구성된 애플리케이션이다. 서버로부터 새로운 HTML을 받아와서 페이지 전체를 렌더링하는 전통적인 웹 페이지 구성 방식이다. CSR vs SSR SPA vs MPA 일반적으로는 SPA에서는 CSR로 렌더링하고, MPA에서는 SSR로.. 📚개발지식/개념정리 2024. 1. 22. [개념 정리] 객체 지향 프로그래밍(OOP) 개인적인 이해이므로 틀린 부분이나 자세한 부분은 댓글로 달아주시면 감사하겠습니다. 객체 지향 프로그래밍 개발을 배우면서 제일 많이 들은 단어가 객체 지향 프로그래밍(OOP)였다. 회사 면접을 가도 기본적으로 물어보는 질문이었고 객체 지향 프로그래밍의 4가지 특징을 서술하라는 질문을 많이 받았다. 그래서 필자가 이해하고 검색해본 것을 바탕으로 객체 지향 언어의 개념을 정리해보려고 한다. * 객체 지향 언어의 개념을 암기하는 것은 기억에 남지 않을 것 같아서 등장 배경부터 설명하고자 한다. 순차적 (비구조적) 프로그래밍의 등장 순차적 프로그래밍이란? 정의한 기능의 흐름에 따라 순차적으로 동작을 추가하며 프로그램을 완성하는 방식이다. 간단한 프로그램을 순차적으로 코드를 작성하면 코드가 매우 직관적이기 때문에 .. 📚개발지식/개념정리 2022. 10. 26. 이전 1 다음