TIL 8/2

js·2022년 8월 2일
0

TODO

  1. 트위터 프로필 페이지 기능구현 최대로
  2. 시원해 프로젝트 스택 최종 결정 및 세팅 Push
  3. 시원해 프로젝트에 쓰일 카카오맵 api 기능, 리액트 + 타스에 적용해보기
  4. 짭팡 프로젝트 레이아웃 페이지, 2페이지 클로닝

FEED

  1. https://github.com/ijs1103/nextjs_twitter/commit/55825f4da334360afb1a0af7fdbd33ac7d0c91a1

트위터 특성상 자주 나타나는 트위터 리스트를 하나의 컴포넌트로 만들어 코드 작성을 줄이고 재사용성을 높였다. 이전 보다 코드량이 훨씬 줄어서 보기 좋다.

다만, 캐싱 처리를 위해서 트위터 메인페이지에 존재하는 트위터 리스트는 새로 만든 컴포넌트로 대체하지 못하였다. 만약, 컴포넌트로 대체하였다면 swr의 캐시 업데이트를 담당하는 mutate 함수를 자식 컴포넌트에서 부모 컴포넌트로 넘겨야 하는데, 이를 위한 뚜렷한 방법이 생각나지 않았다 ...

검색해서 하나의 방법을 찾아봤는데 이를 해결해보겠다

https://blog.joyfui.com/1230

  1. 기본적인 cna(create-next-app), tailwindcss, eslint, prettier 세팅은 하였으나 사용할 라이브러리를 확정하지 못하였고 ..
    아직 설계한대로 모든 기능이 동작할지 확실하지 않은 상황에서 깃저장소에 commit하고 수정사항이 발생하면 두번일하게 되니 아직 commit은 보류중이다.

  2. 카카오맵 api 문서를 보면서, 내게 필요한 기능구현을 어느정도 해보았다. 전반적인 동작은 확인을 해보았고 디테일한 사항, 예를들면 커스텀 마커에 대한 클릭 이벤트를 줄것인지 호버 이벤트를 줄것인지 결정은 하지 않았지만 전반적인 카카오맵 사용법은 익혔다. 이를 빨리 최적화하고 함수로 쪼개는 작업을 해야겠다.

  3. 짭팡 프로젝트, 레이아웃 클론은 반드시 내일 꼭!! 해야 겠다. 오랜만에 써보는 styled-component라 약간의 삐걱거림이 있겠지만 하다보면 또 적응하겠지 ...

0개의 댓글