[TIL : 230619, 230620]

🌊 TIL : 2023년 6월 19, 20일  

 

 

오늘 한 것

• 토, 일, 월, 화 고생한!! 로그인 끝!
• 로그아웃 페이지 

 

 

 

잘한 점

상황

처음에 내가 생각한 로그인은 서버에서 쿠키에 담아서 전달해주면 알아서 jwt 토큰이 담긴 상태로 계속 요청이 되는 형태였다. 검색해서 본 자료 중에 쿠키에 담아서 주면 쿠키에 계속 머물러 있기 때문에 요청 때도 알아서 된다는 글을 봤기 때문이다. 🧐

액션

 

하지만 우리 백엔드에서 쿠키로 담아오는 것에 대해 공부가 필요하신 것 같아 헤더로 받아오는 것을 유지하고 나는 그 헤더를 받아오려 시도했으나 받아와지지 않았다. 여러 검색 끝에 아래 글을 백엔드분께 작성하여 전달드렸고 백엔드분이 추가 설정을 해주셔서 나는 jwt을 받아올 수 있게 됐다. 

 

 

칭찬

로그인에 대해 깊게 고민하게 된 것 같다. 사실 내 눈엔 아직 부족해보이지만.. 여러 번 겪고 나면 조금 더 좋은 결과물을 만들 수 있겠지! 

 

배운 점

배움

슈님이 프로젝트를 하면서 실력이 많이 늘어날 수 있다고 했는데, 잘은 모르겠지만 확실히 많은 것을 생각하며 작성하다보니 시야는 넓어지는 것 같다. 나는 원래 레이아웃 짜는 것에는 자신 있어서 컴포넌트를 나누는 것도 많이 어렵진 않았는데 그럼에도 생각보다 고려해야할 것이 많다는 것을 느꼈다. 로그인을 작성하고, 공통된 컴포넌트를 만들어내는 과정을 배웠다.

 

또 axios의 인터셉터 기능을 알게되었는데, 이 기능은 HTTP 요청, 응답을 가로채고 수정하는 역할이라고 한다. 나는 데이터 요청할 때 jwt 토큰을 담아 보낼 수 있게 인터셉터 기능을 활용하게 되었다.  

 

오늘 배움의 의미

다음에 로그인을 구현할 때는 조금 더 쉽게 접근할 수 있을 것 같다. 

 

개선점

문제

이것은 리팩토링 단계에서 처리하려고 놔두었는데 나는 tanstack-query의 useMutation 기능을 이용하여 데이터 요청을 시도하였으나 자꾸 CORS에러를 겪게 되었다. 대체.. 어째서일까.. tanstack-query를 사용하지 않을 땐 괜찮고 사용할 땐 에러라니.. 3시간정도 해당 문제 해결을 위해 붙잡고 있다가 시간을 너무 지체할 수 없어 리팩토링 단계에서 해결을 하기 위해 우선 제쳐두었다..

 

두 번째는 일부러 오류나는 데이터로 로그인 요청시 http 오류가 콘솔로그에 출력이 되는 점이다. stackoverflow에서 잘못된 정보로 로그인을 요청해도 해당 로그가 찍히지 않는데 어째서 🧐 뜨는 걸가? 우선 다른 기능을 만들고 수정하기 위해 제쳐두었다. 

원인

모르겠다..

해결 방법

우선 전체적인 기능 완성을 우선으로 하고 리팩토링을 나중에 하자!!!!!!!! 할 수 있어!!!!!!!