📌 오늘 한일
프론트엔드 데브코스(DAY 76)
- 팀프로젝트 보완
- 무한스크롤 Hook으로 정리 및 리팩토링
코테 공부
📌 배운 것
📌 어려웠던 점
무한 스크롤과 알람 페이지
- 무한 스크롤을 구현하는 것은 소스코드를 이해하니 그렇게 어렵지 않았지만 알람 페이지의 기능인 모든 알람 확인, 실시간 알람 확인 기능과 관련해 연계하려니 쉽지가 않았다.
- 기존의 Hook 파일에 알람과 관련된 소스코드를 작성하니 위에 언급한 두 기능이 정상적으로 동작은 했지만 Hook 파일에 알람 기능과 관련된 코드가 있는 것도 보기 좋지 않았고 Hook은 Hook 역할만 해야 한다고 생각을 했다.
- 그 생각을 기반으로 알람과 관련된 소스코드는 notification 폴더에서 관리하도록 했고 무한 스크롤 Hook 같은 경우도 데이터를 불러오는 로직과 관찰하는 로직이 하나의 파일에 같이 있었는데 각각 다른 파일로 분리함으로써 각 파일이 하나의 역할을 가지도록 했다.
- 더불어 limit가 여러 파일에서 중복되어 상수로 정리했고 type을 설정해주었는데 쉽지가 않았다.(TS는 계속 공부해야 할 것 같다.)
📌 한줄평
오늘도 수고했어.
