3주차 리펙토링

리팩토링 3주차

하드코딩 지우기

- 함수 기능 단위로 구분하기
- 코드 로직 최대하 간결하게

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

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 삭제

에러 처리

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