220529~220601

sjy·2022년 6월 1일
0

TeamProject회고

목록 보기
16/18

한 일

30일~31일 오전까지 철야작업..

회원가입

회원가입 페이지에 api가 바뀐 부분도 있고 추가할 기능(인증번호 타이머와 닉네임, 메일주소 중복검증)도 있어 수정에 들어갔다.
작업을 마치고 테스트를 하는데 몇 가지 문제가 생겼다.
1. 중복검증을 하는데 백앤드팀원이 api를 mutation이 아니라 query로 만들어주어서 수정 요청을 했다. mutation으로 바꾸고 가입 버튼을 누르기 전에 검증이 완료되어야 가입이 가능한 조건을 설정했다.
2. 인증번호를 받고 나서 제한 시간을 보여주는데 인증번호를 입력할 때 마다 다시 3분으로 돌아가서 수정했다.
이유는 인증번호 입력 inputonChange를 넣어놓았기 때문이었다.
react-use-form안에 집어넣고 getValues기능으로 값을 가져와 인증 api에 값을 집어넣었더니
잘 작동하는 것을 확인했다.

  1. 가입 버튼이 작동을 안했다. 이유를 아무리 봐도 모르겠어서 새로 페이지를 만들어 작업했다.
    작업 도중에는 가입 기능이 잘 작동해서 괜찮은 줄 알았는데 끝까지 마치고나니 다시 아무 반응도 없었다.

결국 원인을 찾았다.
yup 기능을 주석처리하고 나니 작동을 했다.
yup resolver를 넣을 때 api 수정하면서 없앤 항목(name)을 yup에서도 지웠어야 했는데 지우지 않아서 생긴 문제였다.
기능을 수정할 때 관련된 모든 부분을 차근차근 살펴봐야겠다..

회원정보수정 페이지

팀원이 작업하고 있던 회원정보 수정 페이지가 잘 작동하지 않는다고 해서 같이 살펴보았다.
한참을 고민하던 중 깨달았다. 비슷한 실수가 전에도 있었음을..
api 요청할 때 필요한 input정보를 updateUserInput이라는 객체에 감싸 전송해야하는데
아래처럼 바로 전달하려고 하니 전송이 되고 있지 않았던 것이었다..

await updateUser({
        variables: {
            userPassword: data.userPassword,
            userPhone: data.userPhone,
            userNickname: data.userNickname,
            gender,
            ageGroup: age,
            prefer: menu,
          },
        });

아래처럼 수정하니 잘 작동했다..

await updateUser({
        variables: {
          updateUserInput: {
            userPassword: data.userPassword,
            userPhone: data.userPhone,
            userNickname: data.userNickname,
            gender,
            ageGroup: age,
            prefer: menu,
          },
        },
      });

typescript 오류 잡기, 주석 제거

배포 하려면 typescript 오류가 하나도 없어야 하는데 코드를 작성하면서 typescript 처리에 소홀했었다. 오류를 수정하며 주석도 같이 제거하였다.
팀원이 작업한 지도 페이지에서 address.road_address_name 부분에서 type 오류가 발생했다.
useState의 기본 설정이 빈 값이어서 뜨는 오류 같은데 어떻게 하면 잡을수 있을지 고민하다가 이렇게 해결했다.

const [address, setAddress] = useState({})
const [address, setAddress] = useState({
    place_name: "",
    road_address_name: "",
    place_url: "",
    x: "",
    y: "",
  });

더 좋은 방법이 있는지 고민해보고 리펙토링 과정에서 개선해봐야겠다.

발표

후회가 많이 남는 발표였다. 빠진 내용도 있었고 발표 내용도 되짚어보니 더 잘할 수 있는 부분이 많았다.
팀원들과 열심히 준비한 내용을 충분히 보여주지 못한 것 같아 아쉬움이 너무 많이 남았다. 다음에 발표할 자리가 또 생긴다면 후회없는 발표가 되도록 만전의 준비를 해야할 것 같다..

할 일

프로젝트 리펙토링, 개인영상 촬영, 자바스크립트 공부

profile
수학과 코딩

0개의 댓글