3주차 리펙토링

리팩토링 3주차

하드코딩 지우기

- 함수 기능 단위로 구분하기
    - if 문 내부에서 로직 X ex) testValue === null => checkNull(testValue)
- 코드 로직 최대하 간결하게

개발자도구 빨간줄 처리하기

eslint 에러

Atomic 디자인에 맞게 컴포넌트 수정

- Page/RegisterPage.tsx 분리 => label - input
- Page/LoginPage.tsx 분리 => 로컬 로그인 / 소셜 로그인
- Page/RequestPage.tsx 분리 => 나에게온 요청 / 내가 보낸 요청
- Page/TeamCreatepage 분리 => Atomic 디자인 답게 Template 만들어서 TeamInfoContainer / TeamCreateButtonContainer 따로 빼두자
- Organism/Header 분리 => Molecules로 왼쪽 가운데 오른쪽 나누자
- Organism/MainBodyRight 분리 => 데이터 객체 배열로 넣어서 map 으로 돌리자
- Organism/MyInfo.tsx 분리 => className myinfo 인 부분 분리하자
- Organism/NavBar.tsx 분리 => 데이터 객체 배열로 넣어서 MAP으로 돌리자

- Page/index.tsx 삭제

에러 처리

• 회원가입 실패
• 로그인 실패
• 채팅하기 실패

구현

- [ ] eslint
- [ ] 재사용 고려하지 않아도되는 코드 ( ex : loginPage )
- [ ] Profile Card
- [ ] 로그인 실패시 redirect 되지 않고 모달 창 띄우기 필요
- [ ] 드랍다운 중복코드 제거


- [ ] 채팅 실패
- [ ] 팀 초대 실패 - 없는 아이디 일 때 
- [ ] 팀 수정 실패 - 리더가 아닐 시 
- [ ] 요청 페이지 모달 이벤트
- [ ] 팀 설정 value값
- [ ] 개인 설정 value값 
- [ ] 채팅 무한 스크롤 위치 수정

- [ ] 카카오 소셜 로그인
- [ ] 깃 소셜 로그인
- [ ] 네이버 소셜 로그인
- [ ] 소개 1:1 페이지 - 그룹 들어오는 오류 발생
- [ ] 소개 N:N 페이지 - 그룹별 멤버 들어오는 로직 필요