221219 TIL 미니프로젝트 4

오늘의 한일

1. 회원가입 기능 구현 - 성공

2. 로그인 기능 구현

3. 오늘 만난 에러

 

1. 회원가입 기능 구현 - 성공

 (1) 500 internal server - 서버측의 에러였고 백엔드 팀에서 해결하였다.

 (2) 400 error 

• 아이디 양식이 맞지 않는다고 나오는 에러였다.
• 네트워크 탭에서 페이로드를 확인해 보니 {loginId: {loginId: "ptg0811", password: "xorms8520^^", nickname: "태근"}} 이런 식으로 request가 전달되고 있었다.
• 문제는 axios instance에서 인자를 전달해줄때 구조 분해 할당을 제대로 해주지 않아서 속성값이 잘못 붙는 것이었다.

 
 // 이 부분에서 parameter에 중괄호를 해주지 않아서 발생한 오류였다.
 signup: ({ loginId, password, nickname }) =>
    api.post("/api/signup", {
      loginId: loginId,
      password: password,
      nickname: nickname,
    }),

 

2. 로그인 기능 구현

 (1) responst header에서 token값을 불러오지 못하는 문제

   1) 문제 파악 

• network 탭에서는 request header에 token 값이 보인다.
• 그런데 console을 찍거나 token을 실제로 불러오려고 하면 되지 않는다.

   2) 문제 해결

• 아직 해결되지 않았다.

 

3. 오늘 만난 에러

 (1) git pull error

    1) 문제 파악
   최신 git을 사용하는 경우에 아래와 같은 경고메세지가 나오기도 한다.

$ git pull
hint: You have divergent branches and need to specify how to reconcile them.
hint: You can do so by running one of the following commands sometime before
hint: your next pull:
hint:
hint:   git config pull.rebase false  # merge
hint:   git config pull.rebase true   # rebase
hint:   git config pull.ff only       # fast-forward only
hint:
hint: You can replace "git config" with "git config --global" to set a default
hint: preference for all repositories. You can also pass --rebase, --no-rebase,
hint: or --ff-only on the command line to override the configured default per
hint: invocation.
fatal: Need to specify how to reconcile divergent branches.

   2) 문제 해결

•  중간에 나온 세 명령어 중에 하나를 택해주면 된다.
• 처음에는 git config pull.ff only 이것을 썼다가 진행되지 않았다.
• git config pull.rebase false 이것을 쓰니 정상작동 하였다.

 (2) Uncaught ReferenceError: Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization

    1) 문제파악

• history, connected-react-dom 패키지를 설치한 이후에 에러가 발생한다.
• 무언가 웹팩 버전과 관련된 에러인것 같다

    2) 문제 해결

• 문제가 되는 패키지를 모두 지워주었다.
• 패키지를 가져온 참고 파일이 옛날에 만들어진 것이었고 (그래봤자 1년정도 이지만) 그 패키지들의 버전이 지금 내가 사용하는 버전과는 맞지 않는것 같다.
• 이런 경우에는 구현 가능한 메소드들을 최대한 사용하고 맞지 않는 패키지는 지워주면 된다