230121_TIL

오늘 공부한 내용

• 항해 99 실전프로젝트 23일차

• 프로젝트 중간발표 

어려웠던 내용

• 어떤 기술을 도입하고자 할때는 마땅한 이유가 필요하다. 그리고 그 기술을 도입함으로써 어떤 이점이나 효율을 가지고 올 수 있을지 충분히 검토해본 다음에야 생각해보는 것이 바람직하다.  이 점들을 멘토님께서는 기술도입에 관련하여 질문으로 주셨고 미리 준비된 질문이었지만서도 원체 글을 세분화해서 적는 습관이나 버릇때문인지 간략하게 정리하는 것이 너무 어려웠던 것 같다.

 

❗ Redux Toolkit 이 아닌 React Query 를 쓴 이유가 무엇인지

 

저희 프로젝트는 규모가 크지않은 프로젝트이기 때문에 전역상태로 관리해야할 데이터가 많지 않음에도 불구하고 리덕스를 사용하여 액션객체와 리듀서와 관련된 불필요한 코드들을 사용할 필요가 없다고 생각을 했습니다.

또한 useState와 useEffect 훅을 자주 사용하고 있는데,  useQuery를 사용하여 중복되는 코드를 줄이거나 게시글을 썼을 때 자동으로 get요청을 하는 등의 중복되는 api 요청들을 줄이게 되면서 UI/UX 개발에 도움을 줄 수 있겠다고 생각했습니다.

 

 

멘토님의 답변 :

api 값을 캐싱한다던가 다른 컴포넌트에서 재활용한다는 기능은 리덕스 툴킷에서도 리액트 쿼리와 같은 기능이 존재한다. 하지만 말씀해주신 것과  같이 동일한 기능을 가지고 있더라도  리덕스를 사용하지 않기때문에 굳이 사용할 필요가 없는 것이다. 그리고 실제로 번들링 되었을 때의 파일사이즈를 생각하게 되는데 파일크기가 많이 경량화 될 것이라고 생각한다.

 

 

❗ JWT 의 Refresh Token 은 왜 필요한가?

 

Access Token을 통한 인증 방식의 문제는 제 3자에게 탈취를 당할 경우 보안에 취약하다는 점입니다. 액세스 토큰을 탈취 당했을 때를 대비하여 유효기간을 짧게 두고 만료 되었을 때 액세스 토큰을 재발급(Refresh Token)받게 하는 방식을 채택하게 되었습니다. 또한 Represh token은 서버에 저장되기 때문에 해커에 의해 탈취당했다고 판단되었을 때 서버에서 토큰을 삭제함으로써 강제 로그아웃을 시킬 수 있다고 알고 있습니다.

 

 

 

 

❗ Vercel 로 배포한것으로보이는데, 이유는?

 

원래 버셀에 저장할 의도는 아니였고 s3를 배포하여 서버를 연동하려 했으나 일이 너무 밀려있는 바람에 빠르게 배포할 수 있는 버셀로 배포하려고 했습니다. 그러나 버셀도 백엔드와 연동하는 방법에 무언가가 있는 듯 하기는 한데 배포는 했으나 페이지를 사용할 때 api 관련하여 에러가 나는 것을 보아 따로 설정해야할 무언가가 있다고 생각되었습니다. 결국 에러를 해결하지 못하고 시간에 밀려 배포를 마무리 짓지는 못 하였습니다.

 

 

 

궁금한 내용 / 부족한 내용

• 우리 프로젝트 프론트 엔드 쪽 서버가 배포가 되지 않아 부족한 모습을 보이게 되었다. 프로젝트가 시작한지 1주일이 지난 상황에서 새로운 기획으로 바뀌어서 그런지 모두들 시간이 없었기도 했지만.. 그래도 mvp 지정을 최소한으로 설정했어야 했었다. 이 점을 멘토님께서는 짚어주셨고 명백하게 프론트엔드에서 전달을 못한 것 같아서 아쉬웠다. 안되는 것은 안되는 것.

 

느낀점

사실 발표를 하는 당일에는 잠을 자지 못했었기도 하고 밤을 샌상태에서 있어서 그런지 아무 생각이 들지 않았어서 어떤 말을 들었는지 정확히 기억도 나지 않았었지만, 다행히 녹음본이 있어서 그것을 다시 들으면서 명확하게 의도를 파악하고 생각해보게 된 것 같다. 

TIL이나 WIL이 이런 점들을 보완하여 도움을 주는 것 같아 쓰는 보람차서 기분이 좋당~

그래도 배포를 하지 못한 점을 제외하면 프로젝트에 대해서 기술이나 기획적인 부분이 탄탄하다고 칭찬을 들어 기분 좋은 하루였다. 모두들 얼마 남지 않은 시간이지만 같이 화이팅해보길!