[2월 28일] 프론트 회의

영인: upload form

• Upload state들을 redux로 관리: step, translate, scale 등등 + index.d.ts에 타입 추가
• 2개 이상의 이미지 관련 기능+레이아웃 구현: leftArrow, rightArrow, dots
• zoom-in-out: input range로 구현. fixOverTransformedImg를 zoom됨 이미지에 맞춰서 구현
• ratioMode: upload에서 비율은 이미지 하나하나 따로 적용되는 게 아니라 다 똑같이 적용됨
• gallery(진행 중): currentIndex에만 deleteBtn이 활성화됨. 삭제했을 때 currentIndex 변경됨. scale과 translate가 반영되어 보이게 됨.

개선사항

• 큰 화면에 대한 레이아웃 개선

수화: auth

• 회원가입 -> 이메일 인증 레이아웃+기능 구현 완료: inputTemporary state에 저장해놓고 이메일 인증페이지에서 인증 코드 입력후 제출 시, 저장했던 Input+인증코드로 axios 요청하여 회원가입 완료
• currentForm state와 Landing 페이지로 form만 상황에 맞게 변경되도록 구현: signUp이나 email 인증 부분 route로 이동하면 currentForm state가 해당 form 리터럴 값으로 변경되고, Landing 페이지에 돌아가면 유지되는 state에 따라 보여주는 form이 정해짐

개선사항

• currentForm state의 null이 login form에 대응되는데, 그냥 다른 유니온 리터럴 타입과 같이 "login"으로 하는 게 어떨지
• 레이아웃 수정

찬혁: dm -> 마이페이지

기차로 이동 중이라 화면/코드는 확인x

• 웹소켓이 메세지를 보낼 때마다(올 때마다) 재열결이 일어나는 에러 해결: 프론트+백 동시 문제였음
• 마이페이지 레이아웃 대략적 구현(무한 스크롤 제외)
• 첫 렌더링 시 필요한 api 연결 완료: 자기 자신인 경우 설정 아이콘, 팔로우 여부에 따른 레이아웃 차이를 둠

찬혁할일

• 메세지로 이미지전송 구현
• 메세지 삭제 기능 구현
• 메세지 좋아요/취소 구현
• my page api 연동