[0. React Query란]TanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating server state in your web applications a breeze. 리액트 어플리케이션에서 fetching, caching, synchronizing, updating server state를 지원하는 라이브러리이다. 이를 사용해 원래 fetch 함수를 선언하고, 이를 저장할 상태를 선언하고, useEffect를 ..
코딩하는 삶/React
[1.DOM과 브라우저 렌더링 과정][1-1. DOM이란]문서 객체 모델(Document Object Model)은 XML, HTML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제할 수 있도록 돕는 인터페이스이다. W3C(World Wide Web Consortium)의 표준이다. DOM은 웹페이지의 콘텐츠와 구조를 어떻게 구현해야 하는지에 대한 정보를 담은 인터페이스로, 트리 구조로 이루어져 있다. [1-2. 브라우저 렌더링]브라우저 렌더링은 다음과 같은 순서로 이루어진다.URL의 호스트 이름이 DNS를 통해 IP 주소로 변경되고, 그 주소의 서버에 요청을 전송한다.서버는 HTML 파일을 전송한다.HTML/XML 파서는 전달받은 HTML을 파싱해 DOM 트리를 생성한다.파싱 과정에서 외부 리..
