[TIL] 23/11/27 React 숙련: 뉴스피드 팀과제 회고

TIL

스스로 반성 : 
1. 할 게 자꾸 보일 때 마다, 이거 하고 저거하다가 이거하려고 하는 등
횡설 수설 작업을 해서 고생이 많았다.
우선순위에 맞춰 작업하고 
손이 먼저 가기보다는 큰 단위로 그림을 그려보고 작업하는 연습이 필요한 것 같다.
- 심지어 API list를 먼저 작성했으나 보고 하지 않았다.
- 과제 계획서에서 쓰라고 해서 썼지, 잘 모르고 한 셈이다.

2. 로그인만 맡았으면 기깔나게 만들어 보려고 했는데 역량 대비 많은 기능을 하려고 했다.

- (남는 시간이 있다면) 추가 하고싶은 부분
 1) 로그인 validation 체크 입력오류에 따른 구분
 2) 회원가입 화면 따로 (현재 로그인 입력창에서 받음)

3. 여태 겪었던 이슈를 임시방편으로 덕지덕지 막아두고 난 후에야
프로젝트 당일에서야 튜터님께 두가지 문제로 다녀왔는데 
덕분에 useEffect 기능을 다시한번 알고 쓰게 되었고,
컴포넌트 구조에 따라 data 관리를 어떻게 하는게 좋을지에 대해 큰 방향에서 생각하게 되었다.

-프로젝트 기간이 짧기 때문에, 너무 이것저것 테스트 해보다가 코드 망치기 보다는
지금은 배우는 단계니까 이슈에 대해 명확이 파악하고 튜터님께 문의하는 것이 좋겠다.

문제 1) mypage와 home 컴포넌트에서 각각 서버에서 받아서 리덕스 state로 저장하는 부분이 있어서
home에서는 mypage에 다녀와야만 이름이나, 유저이미지가 보임.
mypage 안에서 새로고침 후에는 home에 다녀와야만 게시물이 생김.
=> mypage와 home의 상위 컴포넌트이며 공통으로 보여주는 화면인 header 부분에서 서버로 부터 data를 읽어 오게 변경

1번을 해결하고 보니
문제 2) 모달창으로 로그인을 진행하기 때문에 페이지 리로딩이 없어서 유저이름과 이미지가 새로고침 후에만 보임
로그인해도 useffect 안에서 
=> useEffect 안의 -> 
   로그인 상태가 변경되면 불리는 onAuthStateChanged 함수 내에서 
   userdata를 서버로 부터 받아오도록 변경

문제 3) 여전히 문제!
모달창으로 로그인을 진행하기 때문에 페이지 리로딩이 없어서 유저이름과 이미지가 새로고침 후에만 보임
상세페이지에서 게시물을 넣어도 바로 추가가 안되고 새로고침 해야 보임
=> fetch해오는 useEffect에 각 data를 의존성 배열에 넣으면 되긴 되겠지만
리덕스에도 추가하기 때문에 서버에서 새로 안받아 와도 되는데ㅠ.ㅠ 어떻게 수정하지?


남은 문제) 
이제 안써도 되는 local data에 uid 와 email 저장하고 읽어 쓰는 부분 삭제 및 redux state 읽는 것으로 변경