본문 바로가기

분류 전체보기

 (90)
redux[Redux] React 부모 컴포넌트인 App에서 모든 것을 관리하고 데이터를 아래로 내려주는 구조 장점 : 직관적이며, 데이터 관리를 한 곳에서 하기 때문에 관리하기 편하다. 단점 : 앱의 규모가 커졌을 때를 생각해볼 수 있다. -> 복잡성 React + Redux Redux 는 애플리케이션의 상위에 자리잡은 글로벌 Store를 만들어서 다른 모든 컴포넌트로 State를 공급한다. 데이터를 전역에서 관리하는데 이를 관리하는 곳이 Store 이고 내부에 Action 에 따른 데이터 값을 변화시켜주는 순수함수 Reducer가 정의되어있다. 즉 Redux는 React 상태관리 라이브러리 이다. React는 React컴포넌트에서 개별적으로 state를 관리한다. 그러나 Redux를 사용하면 state를 별도의 전용 장소인..
브라우저 렌더링 과정 렌더링 과정 사용자가 브라우저를 통해 웹 사이트에 접속하면, 서버로 부터 HTML, CSS 등 웹 사이트에 필요한 리소스를 다운로드 받습니다. 브라우저가 페이지를 렌더링 하려면 먼저 HTML 코드는 DOM, CSS는 CSSOM 트리를 생성한다 1. DOM(Document Object Model)트리, CSSOM(CSS Object Model)트리 생성 (Parsing) 브라우저가 렌더링할 문서를 읽게 되는데 HTML과 CSS로 나눠서 읽게 된다. 이때 HTML과 CSS는 단순한 텍스트이므로 각각 연산과 관리가 가능하도록 HTML Parser와 CSS Parser를 사용해서 파싱한다. HTML Parser는 HTML 코드들을 파싱해서 결과적으로 DOM 트리를 생성한다. 그리고 CSS Parser는 CSS ..

티스토리툴바