[Codecamp-team project] Day 16 마이페이지 프로필수정, 게시글 리스트 필터 적용

·2022년 9월 13일
0

CodeCamp_team project

목록 보기
10/13

📌 마이페이지 프로필 수정

프로필 수정, 비밀번호 수정 API가 두 개로 나뉘어 있어서 같은 수정 페이지를 공유하면 useForm에서 문제가 생겼다
버튼을 나눠도 input이 비어있으면 schema가 인식하는 문제... 지금 돌아보니 schema를 둘로 나눴어도 됐겠단 생각이 든다?

결국 어차피 버튼을 나눠야할거 수정 화면 자체를 나누잔 생각으로 폴더도 아예 나누고 화면도 나눠서 구현했다
진짜 노가다같은데... 이게 최선이라고 생각했다

나눠서 프로필 수정! 을 누르니...
error 메세지가 뙇^^
defaultValue를 불러오고, 수정하고 싶은 값만 수정을 했는데 기존값과 같다는 백엔드 에러가 떴다
알고 보니 백엔드에서 filter? 조건?을 걸었던거였고, 소통해서 API 수정하니 정상적으로 수정 완료!
진짜 생각보다 백엔드랑 같이 소통하는게 힘들다

어찌저찌해서 프로필정보 수정, 비밀번호 수정 구현 완료!

📌 게시글 (커뮤니티) 리스트 fetch 및 카테고리 필터 적용

우선 무한 스크롤은 내일 생각하고 데이터를 fetch해온 후 카테고리 필터를 구현해보잔 생각으로 필터를 미친듯이 구현했다

useState로 true false 값을 미친듯이 넘겨주고 미친듯이 onClick을 만들어 구현을 했는데..

objects are not valid as a react child (found: object with keys {__typename, name}). if you meant to render a collection of children, use an array instead.

카테고리 밑에 있는 필터를 누르니 저런 에러가 자꾸 떴다
뭐가 문젠지 도저히 모르겠어서 아예 컴포넌트로 각각 따로 빼서 구현했다

'오! 따로 빼니까 되네?' 라고 생각하는 순간 좋아요순을 누르자마자 똑같은 에러가 떴다
대체 뭘까 하고 폭풍 구글링을 해보니 prop를 넘겨줄 때 문제란 얘기가 있었다
알고보니 fetchStoriesByLike.user.nickname을 넣어야했는데 user 자체를 넣어 문제였다..^^
생각보다 미친듯이 단순한 문제라 화났지만 찾아서 다행,,

이걸 해결하고 나니 variables의 categoryName이 필수값으로 들어가있어 전체 카테고리 선택 시 엄청난 오류메세지가 우르르 떴다
이것도 백엔드랑 소통해서 고치니 바로 필터 정상 구동!
너무 행복ㅠㅠ

제발 무한 스크롤 넣고 글 추가, 삭제해도 정상적으로 구동됐음 좋겠다
오늘은 이걸로 진을 다 뺐다

profile
개발을 개발새발 열심히➰🐶

0개의 댓글