2024/12/24 2

브라우저의 렌더링 과정 (CRP, Critical Rendering Path)

CRP, Critical Rendering Path (브라우저 렌더링 과정)HTML > DOMHTML 문서를 일종의 객체 모델 (Object Model)로 알기 쉽게 변환하는 과정 HTML (Hyper Text Markup Language) - 하이퍼 텍스트 마크업 언어 웹 페이지의 구조를 정의하기 위한 마크업 언어 Hello, World! DOM (Document Object Model) - 문서 객체 모델HTML 문서를 브라우저가 이해할 수 있는 객체 트리 구조로 변환한 것.- html - head - title - body - h1CSS > CSSOM CSS 스타일 시트를 브라우저가 이해할 수 있는 객체 트리 구조로 변환한 것 (HTML > CSSOM 과정과 비슷하다고 ..

Front 이론 2024.12.24

React: 리액트란?

React의 기술적인 특징컴포넌트를 기반으로 UI를 표현한다.화면 업데이트 구현이 쉽다.화면 업데이트가 빠르게 처리된다.컴포넌트(Component) 란?컴포넌트 = 구성요소 > 화면을 구성하는 요소, UI를 구성하는 요소리액트에서는 페이지의 모든 요소들을 "컴포넌트"의 단위로 모듈화해서 개발하기 때문에여러 페이지에서 공통으로 사용하는 요소들의 유지보수가 쉽다.선언형 프로그래밍 / 명령형 프로그래밍선언형 프로그래밍 : 과정은 생략하고 목적만 간결히 명시하는 방법 (React 활용 구현)명령형 프로그래밍 : 목적을 이루기 위한 모든 일련의 과정을 설명하는 방법 (Javascript 만으로 구현)리액트에서는 각 컴포넌트의 상태를 저장하는 State라는 특수한 변수를 저장할 수 있다.State 값이 바뀌면 즉각..

React 2024.12.24