Develop/Next.js (2) 썸네일형 리스트형 [Develop/Next.js] Next.js hydrate시 redux state 초기화 Next.js hydrate시 redux state 초기화 Next.js에는 hydrate 개념이 존재한다. 아마 기존 Next.js를 공부하고 있는 개발자라면 이미 개념을 이해하고 있을 것이다. 하지만 간단하게 설명하자면 Next.js는 SEO를 위해 사용한다 해도 과언이 아닐 정도로 많은 개발자나 회사들이 ServerSideRendering을 위하여 사용하고 있을 것이다. Hydrate 즉 Hydration 은서버사이드렌더링을 통한 이미 그려져 불러온 HTML들과 더불어 번들링 된 JS파일들을 클라이언트 단에서 상호작용할 수 있도록 융합되는 과정을 말한다. 즉, 초기 HTML을 로드하고 클라이언트 사이드 동작이 되도록 React가 동작하도록 JS를 불러와 합쳐주는 것이 이런 과정이 물이 흐르는 듯한.. [Develop/Next.js] Next.js에 구글 애널리틱스 적용 Next.js에 구글 애널리틱스 적용 최근 회사에서 업무와 더불어 토이 프로젝트를 진행하면서 SEO (검색 엔진 최적화)에 중점을 두고 개발하여야 할 일이 많아졌다. React를 주로 공부하고 있었던만큼 자연스럽게 Next.js를 접하게 되었다. 물론 그전부터 관심을 가지고 강의를 보면서 어느 정도 공부하였지만 역시나.. 실무는 만만하지 않았다... 본론으로 들어가 회사에서도 구글 애널리틱스를 사용하였지만 공통업무를 담당하는 부서가 이미 스크립트 파일을 만들어놨고 그것을 활용했었다. 이번에 네이버, 카카오, 라인, 쿠팡, 배달의민족의 채용공고를 모아 보는 토이 프로젝트를 진행하면서 유지보수 관점과 더불어 사용자의 유입경로를 통해 조금 더 나은 운영을 해보고자. 구글 서치 콘솔과 더불어 구글 애널리틱스를 .. 이전 1 다음
