리액트 조각조각
1.조각조각 - React Query
리액트 쿼리를 알아보겠습니다.
2.조각조각 - setState 오류? - 비동기성
리액트 setState 비동기성과 리액트 렌더링 최적화 기법
3.조각조각 - React(불변성, 얕은 비교, 전개 구문)
리액트 불변성 알아보기 (+ 얕은 비교, 전개 구문)
4.조각조각 - react-hook-form
지금까지 개인 프로젝트를 진행할때 입력 폼을 ₩\~~ 방식으로해왔습니다. 팀프로젝트로 useForm을 맛보기만 해보았는데 되게 유용하다고 느꼈습니다. 다음 프로젝트에는 useForm을 제대로 활용할것이기 때문에 제대로 공부해보도록 하겠습니다. react-hook-for
5.조각조각 - react-full-page
진행중인 개인 프로젝트에서 랜딩 페이지를 만들기 위해 react-full-page를 사용하였습니다. react-full-page의 사용법과 사용중 맞이한 에러와 대처법 대해 정리해 보겠습니다. 아래 쉘 명령어를 통해 react-full-page를 설치합니다.이후 아래
6.조각조각 - Error: useRoutes() may be used only in the context of a <Router> component 에러 처리
react-router-dom이 6.0으로 업데이트 되면서 useRoutes 훅으로 라우트 구현이 가능해졌습니다. useRoutes 훅을 사용하면 기존 routes, route 컴포넌트를 통한 라우트 구현과 다르게 자바스크립트 객체로 간단하게 라우트 구현이 가능합니다.
7.조각조각 - CRA 라우팅(react-router-dom v6, Router, Routes, Switch)
react-router-dom 5.0과 6.0을 비교하고 사용법을 알아보겠습니다.
8.조각조각 - CRA 라우팅(중첩 라우터와 자손 라우터, useRoutes, useNavigate)
중첩 라우터와 자손 라우터 그리고 useRoutes, useNavigate 사용법을 알아보겠습니다.
9.조각조각 - CRA 라우팅(코드 분할, lazy 로딩, Suspense)
lazy 로딩의 필요성과 무엇인지를 알아보고 사용법을 알아보겠습니다.
10.조각조각 - 동적라우팅, 쿼리 스트링, URL 파라미터
쿼리 스트링(Query string), URL 파라미터
11.조각조각 - 리액트 렌더링(브라우저 렌더링, 가상돔)
리액트 렌더링과 브라우저 렌더링을 알아보겠습니다. 이를 이해하며 리액트 가상돔과 함수 메모리 최적화를 추가로 살펴보겠습니다.