3주차 리펙토링

리팩토링 3주차

하드 코딩 없애기 - 담당자 : 김영진

함수 중복 수정

Template/RequestList.tsx => handleModalClick 함수 중복일거 같음
Template/ProfileList.tsx => handleModalClick 함수 중복일거 같음
Template/ChatListTemplate.tsx => changeOpenModal 함수 중복일거 같음
Hook 내부 파일 과연 이게 훅인가??? util 로 넘겨도 될거 같음 => 이름 바꿈
Page/CowDogTing.tsx => 무한 스크롤 이벤트 성능 처리

함수 생성

Null check 및 value 체크 함수 만들기

URL

API URL 정리

Atomic 디자인에 맞게 컴포넌트 수정 - 담당자 : 민태홍 , 김영진

useRef => 담당자 : 홍한솔

useRef 여러개 사용 하는 경우 ( ex : input값 여러개 ) => 일단은 어느정도 완료

- 데이터 요청 실패 성공 이벤트 처리 => 담당자 : 홍한솔 , 이윤성

기본 로직

try{
  axios()...
  if (result.status>=400){
    throw new Error("실패"); 
  }
}
catch(error){
 .... 
}

API 서버 에러 -> 400번 이상 STATUS 보내도록 처리 + 클라이언트에서 STATUS CHECK -> Throw 에러 -> 모달 띄우기

로그인 페이지 에러 처리 (클라이언트 입력 체크)
회원가입 페이지 에러 처리 (클라이언트 입력 체크)
팀 설정 페이지 에러 처리
팀 생성 페이지 에러 처리 (클라이언트 에러 처리) -> catch error => error 잡을 시 실패했다는 모달 띄우기
팀 생성 API 서버 에러 -> 400번 이상 STATUS 보내도록 처리 + 클라이언트에서 STATUS CHECK -> Throw 에러 -> 모달 띄우기
프로필 데이터 가져오기 에러 처리 (서버 )
요청 목록 가져오기 에러 처리 (서버 )
util/data 함수들 try Catch 로 감싸기 -> response status 400 번 이상일 때 "error" return 하도록 변경

- 로그인 안했을 경우 페이지 URl 이동했을 경우 처리 하기 => 담당자 : 홍한솔

구현

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


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

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