* zustand
- input 칸에 검색어 입력시 한글자가 변할때마다 homepage 에 가져온 상점 리스트가 리렌더링됐다.
props -> useContext -> zustand로 의도치않게 리팩토링을 거쳤다.- RTK 가 아닌 zustand 써보니 넘 간단하길래 이게 맞나? 하면서 로직 짰다. 다행히 작동 잘되는거보고 왜 튜터님들께서 zustand로 저번과제때 상태관리하는걸 추천해주셨는지 이해가 됐다.
* useRef
💭 onChange 와 useState 훅은 언제 사용하는게 좋을까?
💡 즉각적인 변화가 UI에 바로 보이므로, 한글자마다 트래킹이 필요할때 사용하면 좋을 것 같다.
- ex) 연관검색어, 유효성검사..
💡 한번에 입력해서 값을 가져올땐 Ref 쓰는게 효율적인듯하다.
- 참고코드
* localhost
✔️ api 에 http://localhost:5173/ 외에 추가로 자주쓰는 url 을 걸어놔야한다.
- 팀원분께서 브라우저 하나를 열어두고 계셨어서 포트번호 5174 이셨는데, api 에는 http://localhost:5173/ 만 등록되어있어서 지도가 안불러와졌었다.
- 배포되기 전에 알아서 다행인거같다!
- 배포한 후에도 주소 카카오맵 api에 등록해놓을것!!
✔️ 분기처리 걸었던 로직에서 return 하는부분 잘기억하기.
- store 선택 안하고 작성한 리뷰에 바로 접근하려고 해서 review card 가 안읽혀지는 이슈
if (!selectedStoreData) {
return <div>데이터 없음</div>;
}