❓ 이번 주 항해 취업 리부트코스에서 내가 구현한 기능은 무엇인가요?
- 관리자 상품 조회/수정/추가
- 메인 페이지 상품 조회/필터
- 장바구니 추가/수정/삭제
❓ 해당 기능을 구현하기 위해, 어떤 기술적 의사결정을 거쳤나요?
커스텀 hook의 문제점
Hooks은 (함수들은) 값의 재사용이 아니라 로직의 재사용을 위한 것이기 때문에 데이터가 캐시되지 않습니다. 동일한 데이터를 여러곳에서 사용할 경우 hook을 호출할 때마다 데이터를 다시 불러오게 되는 것이죠.
또한 로딩이나 에러처리를 직접 구현해야한다는 번거로움이 있을 수도 있습니다. 이러한 문제들을 개선하기 위해 react-query를 사용할 수 있습니다.
React-Query를 사용하는 이유
1. 간편한 네트워크 통신
2. loading, error 등의 상태를 손 쉽게 받아올 수있음
3. 동일한 데이터라면 이 데이터를 메모리상에 얼마동안 cache할 것인지 설정할 수 있음 (글로벌상태관리)
4. 네트워크 요청이 실패했다면 재시도(retry)가 가능함
❓이번 주 겪은 트러블 슈팅이 있다면 무엇인가요?
무한 스크롤 구현하기
https://grapecu.notion.site/ebea679a3fc24eabaa7379bd78e505ae?pvs=4
firebase에서 배열 멀티 조회가 안되는 문제
https://grapecu.notion.site/firebase-abf5b0e7de47428d8842f7a2e96147a1?pvs=4
❓이번 주 진행된 개인 프로젝트에서 얻은 인사이트는 무엇인가요?
이전까지 프로젝트를 진행할때는 기능 구현에만 초점을 두어서 개념에 대한 이해가 부족했는데 이번에는 개념 공부를 병행하면서 공부한 내용을 정리했다.
이전에 한 번 공부한 내용이었는데 다시 보니까 이전보다 이해가 훨씬 잘 되는 것 같다.
뷰로직과 비즈니스로직을 분리하는 것도 익숙해진 것 같다. 로직을 잘 정리해두니까 이후 작업은 매우 빠르게 진행되는 것 같다. 내가 생각해도 정리 잘한 것 같음 😎
항해99 취업 리부트 코스를 수강하고 작성한 콘텐츠 입니다. https://hanghae99.spartacodingclub.kr/reboot
