이번주 배운점 & 느낀점
이번주는 네이버 마이플레이스 클론코딩을 했다. 상세보기, 삭제(모달), 프로필 수정을 맡아서 했는데 생각보다 어려울 것 같았던 삭제(모달)을 쉽게 했고, 할때 정말 쉽게 했던 프로필 수정 부분에서 예상치 못한 실수를 많이 했다.
프로필 수정 부분에서 처음 띄워주는 프로필 사진은 useLocation을 통해 프로필 클릭시 useNavigate로 보내주는 정보를 받아온다. 그리고 이미지를 업로드 하면 프로필 사진에 미리보기로 적용을 해주고, 프로필 저장하기를 누르면 백에서 리스폰스로 전달 해주는 이미지를 띄워줬다. 근데 거기서 새로고침을 누르면 프로필은 다시 useLocation으로 받아왔던 것으로 바뀐다.. 당연하겠지.. get으로 디비에 저장된 이미지를 받아오는게 아니니까..?ㅎ.... 이미지 저장하기를 누르면 홈으로 가게 해줬어야 했는데..^^... 사용자 경험 측면에서 다시 한번 더 생각해봐야겠다.
- useNavigate를 사용할때 참고했던 웹사이트: https://velog.io/@gin2808/React-useNavigate%EB%A1%9C-state-%EB%84%98%EA%B8%B0%EA%B8%B0
클론 프로젝트
완성도 ⭐️⭐️⭐️⭐️ 마지막 테스트때 오류가 조금 생겨서 1점빼기! (그리고 반응형.. 다음엔 꼭 완벽한 반응형 웹으로 만들어보기!)
기여도 ⭐️⭐️⭐️⭐️ 팀장님이 정말 많은 기능을 맡으셔서..ㅎ 솔직히 기여도 한 2점 주고싶은데,, 그래도 나는 내 기능에 만족했기때문에 4점!
팀호흡 ⭐️⭐️⭐️⭐️ 처음 팀으로 만나본 분들 이었는데, 생각보다 만족스러웠다!
만족도 ⭐️⭐️⭐️⭐️ 프로젝트를 하면서 개인적으로 정말 많이 성장했기때문에! (일단 리액트쿼리에 대한 이해도가 매우 높아짐!) 만족도 4점! 1점은 내가 최선을 다하지않았기때문에 뺐다.
github
