Trouble_Shooting

#1 webpack config

• 웹팩 config를 잘못 적용해서 cannot /GET 와 404 에러가 떴던 이슈.

  • 문제 원인

    • path와 publicPath의 차이점을 인지하지 못하고 브라우져를 통해 접근하는 (가상)경로인 publicPath에 잘못된 값을 넣고 webpack-dev-server를 실행했다.
    • 물론 publicPath에 넣은 값을 추가하여 localhost:8080/dist/ 로 접근했다면 오류는 없었겠지만, 처음 FE 환경설정을 진행하던 때에는 localhost:8080/ 에 접근할 경우 cannot /GET 에러가 위와 같은 경로상의 문제라고 인식하지 못해서 많은 시간을 소비했다.

  • 해결 했던 순서?

    • 이슈가 있을법한 option이 무엇인지에 대해 논의했습니다.
    • 공식 문서에 들어가서 작성했던 option중에 문제가 될만한 option들의 설명들을 읽으면서 수정 했습니다.
    • 작동이 잘되는 webpack-config와 현재 안되는 webpack-config를 비교해서 다른점을 수정하면서 실행이 되는지 확인 했습니다.

  • path & publicPath

    • path: 모든 출력 파일을 저장할 로컬 디스크 디렉터리
    • publicPath: 번들 파일을 업로드한 위치
    • https://stackoverflow.com/questions/28846814/what-does-publicpath-in-webpack-do

#2 accountbookId를 어떻게 저장하고 보낼지

• accountbookId 를 어떻게 넘겨야 할지 고민 중
  1. params에 주입(get/post 등 모든 http 메서드)
     • url창이 더러워진다.
  2. session에 저장
     • JWT 와 session을 같이 사용하는 것은 바람직 하지 않다
     • 너무 복잡해진다.
     • session은 (서버에서) 보통 인증을 유지하기 위해 사용하는데
  3. token에 저장
     • 로그인 -> 토큰 발행 -> 가계부 선택 -> 토큰 재발행
     • 로그인 할때 토큰 발행하므로 accountbook 선택 할거면 다시 발행하던가 아니면 로그인 하고 accountbook 선택 후 토큰을 발행해야 한다.
       • 토큰은 인증 관련 된거라서 이건 좀 이상하다.
  4. cookie에 저장
     • cookie 설명
     • 쇼핑몰 장바구니 저장 기능처럼, 개인별 선택한 가계부 번호를 쿠키에 저장 => 개인화 용도