Hooks
Next.js의 getInitialProps lifecycle, TIL
Next.js를 사용하면서 어려웠던 부분 중 하나인 getInitialProps에 대해 정리하고자 한다.
ReadNext.js를 사용하면서 알게된 점, TIL
프로젝트를 진행하면서 가장 거슬렸던 부분은 바로 페이지 새로고침 및 페이지 URL로의 직접 방문시 동작하지 않았던 CSR의 한계였다. SSR로 Refactoring해야 할 시기인지 계속 고민했지만, 거슬리는 부분은 바로잡고 가는 것이 좋다고 생각했고 무엇보다 추후 SEO와 관련하여 SSR을 도입하려고 했기에 Next.js를 도입하면서 배운 점을 정리하려 한다.
ReadPagination UI를 직접 만들어보면서 배운점
이번 프로젝트를 진행하면서 Pagination UI를 직접 구현해봤다. 디자인은 네이버, 구글 등의 여러 UI를 참고하면서 방향을 정했고, Component의 경우엔 다른 라이브러리나 코드를 참고하지 않고 필요한 사항에 대해 고민하며 만들어봤다.
ReadReact 최적화, useMemo, useCallback, React.memo
React Todo Web Application을 만들면서 시도해봤던 최적화 중 useMemo와 useCallback, 그리고 그와 비슷한 React.memo에 대한 정리를 하고자한다.
ReadReact, Class 기반과 Hoooks의 Lifecycle
React로 프로젝트를 끝낸 시점에, 아직도 Class와 Hooks의 Lifecycle과 그 관리에 사용되는 메서드에 대해 명확하게 알지 못한다. 다시 한 번 정리하면서 Lifecycle이 어떻게 이뤄지고 그 순서가 어떻게 되는지에 대해 공부하고자 한다.
Read