[3월 09일] 리팩토링 회의

공동

develop branch에 작업하던 코드를 테스트 배포용으로 merge하였습니다.

영인

1. Edit 단계에서 전체 사이즈를 + 340px로 구현
2. Edit 단계에서 Cut 이미지와 동일하게 canvas에 동일하게 그려지도록 구현

• dx, dy 값으로 translate 구현

• imgSize로 scale 구현

context.drawImage(
img,
// dx
-(
    imgSize.width / 2 -
    canvasSize.width / 2 -
    currentFile.translateX
),
// dy
-(
    imgSize.height / 2 -
    canvasSize.height / 2 -
    currentFile.translateY
),
img.width,
img.height,
);

수화

1. 비밀번호 재설정 레이아웃 작업 중: 이메일 + routes UI 작성 중.

• 이메일 버튼 2개 이후 만료 조건: (로그인 버튼)클릭하자마자 만료 + 비밀번호 재설정은 버튼 클릭후 form 작성한 뒤 재설정 submit 하면 만료

2. 로딩 처리: 실제 인스타그램에서는 로딩처리가 안되는 버튼도 있었는데, 다 있는 게 좋을 것 같아 프로젝트 내 버튼에서는 모두 로딩 구현

• useState, redux state로 isLoading state를 관리 -> redux state 하나로 통일하는 게 좋을 듯.

3. 컴포넌트 겹치는 게 많아서 auth 컴포넌트로 통합: 기존 로그인, 회원가입 form 삭제하고 머지해도 될 것 같음.

4. 로그인 인증 UI: table 관련 태그로 작업 거의 완료.

5. index.d.ts에 auth 관련 타입들 authType으로 묶음.

찬혁

1. dm 메세지 전송 취소 구현

• 웹소켓을 통해 구현 -> 이후 deleteChatMessageItem Reducer로 ui 처리

• roomId 필요 없음. messageId가 다른 room 내 messageId와 겹치지 않은 고유한 값이므로

2. dm 옵션 말풍선 상대, 자신 다르게 컴포넌트 구현: 같은 컴포넌트인데 prop으로 나눠서 다르게 표현되도록

{text, function}[] array를 외부에서 전달해서 아예 위임하는 방식 고려

3. 좋아요 클릭 시 좋아요 하지 않은 사람의 검은색 말풍선이 "좋아요 취소"로 바뀌는 에러 수정 필요.