NextJS

페이지 마다 다른 레이아웃 적용하기types커스텀 레이아웃을 설정하지 않으면 기본레이아웃(border: 2px solid blue)이 적용된다app커스텀 레이아웃을 지정하지 않아 기본레이아웃(border:2px solid blue)가 적용되는 모습testTestLayo

검색 엔진으로부터 웹사이트나 웹페이지에 대한 웹사이트 트래픽의 품질과 양을 개선하는 과정즉, 구글, 네이버 같은 검색 엔진으로부터 제대로 인식이 될 수 있도록 최적화 하는 작업최적화 방법에는 여러가지가 있지만 페이지에 적절한 메타태그를 삽입하여 크롤러가 웹을 잘 분석해

다락책방 프로젝트 구현 작업을 어느정도 마무리를 하고 담당 페이지 성능 검사를 하였는데 좋지 않은 점수를 받고 있었고 여러 시도 끝에 나름 성능을 개선하였다. 그 중 마이페이지(책장 탭)에서 성능을 개선한 방법을 정리해보겠다.FCP(First Contentful Pai

React Query는 서버에서 데이터를 프리페칭 하고 이를 queryClient에 전달하는 두 가지 방법을 지원한다.데이터를 프리페치하여 initialData 로 전달한다.간단한 경우 빠르게 설정 가능몇 가지 주의 사항이 있음서버에서 쿼리를 프리페치하고, 캐시를 de