전체 글 (76) 썸네일형 리스트형 [TIL] 버츄얼 돔과 리얼 돔의 차이 DOM(Document Object Model)은 웹 페이지의 구성 요소들을 트리 구조로 표현한 것이다. 즉, HTML 문서의 각 요소들을 노드로 나타내는 방식이다. 가상 DOM은 실제 DOM의 복사본 형태로, 메모리 상에 존재하는 JS 객체로 이루어져 있다. 가상 DOM의 핵심 장점은 실제 DOM을 직접 조작하는 것보다 훨씬 효율적이라는 점이다. JS 객체를 변경하는 작업이 훨씬 더 가볍고, 리액트의 버전업데이트로 가상 DOM에서 batch update가 가능해졌는데, 이로 인해 단 한번만의 갱신이 필요하다는 큰 차이가 있다. [TIL] 상태 관리를 왜 해야할까? 리액트는 가상DOM 방식을 사용해 화면에 있는 요소들을 제어한다. 직접 변수를 변경하는 것이 아닌 state를 통해 데이터를 관리해야 변경된 사항을 적용할 수 있다. 상태 관리를 사용하는 이점으로는 변경사항을 적용할 수 있다는 점과 하나의 state의 값으로 하위 컴포넌트에 props로 전달하여 일관된 데이터를 공유할 수 있다는 점이다. 만약 input의 값을 지정하는 state처럼 다른 컴포넌트에서도 지역적으로 쓰일 수 있는 state일 경우 커스텀 훅 내에서 state를 선언하여 사용한다. anstack-query를 통해 서버에서 데이터를 받았을 때는 queryKey를 통해 데이터 관리한다. [TIL] 팀프로젝트 회고 프로젝트 명 : CookHub 🌿 프로젝트 소개 : CookHub는 사용자들이 요리와 관련된 정보를 쉽게 찾고, 🔍 요리법에 대한 리뷰를 댓글로 남길 수 있는 사이트를 제공 다양한 요리 레시피 제공: 사용자들은 다양한 요리 레시피를 탐색할 수 있다. 사용자 참여: 사용자들은 요리 레시피에 대해서 다른 사람들과 의견을 공유할 수 있다. 직관적인 사용자 인터페이스: 리액트와 Next.js를 사용하여 사용자 친화적인 인터페이스를 제공한다. 개발 기간 : 2024.03.18 ~ 2024.03.25 (8일) 개발 환경 🚀 Stacks : html, css, typeScript, React 🛠 Tools : Figma, Git 👥 Collaboration : GitHub, Notion, Slack 📂 Package.. 이전 1 2 3 4 5 ··· 26 다음
