내가... 7주나 달렸다?
존버했더니 벌써 항해 반을 넘게 했다ㅠㅠ
실전 프로젝트를 시작한 지금... 저번주의 나는 기억이 나지 않을 정도로 싱숭생숭한 마음이다.
저번주는 뭔가... 별로 한것도 없는데 스트레스를 제법 받은 주? 내가 팀원들의 기대에 많이 못미쳤던 것 같다. 속도도 느리고 질문하면 귀찮아할까봐 걱정하는 성격 탓에 이 험한 코딩판에서 살아남을 수 있을지 걱정을 한 주였다.
일단 항해 시작하고 css를 제대로 해볼 수 있어서 재밌었다. react에 비하면 뭔들 재미없으랴. (이번주에 들어오고 내가 한 css가 제대로 된 것도 아니라는 것을 알게됨 ㅠㅠ) 나는 시작화면의 헤더/메인화면과 로그인/회원가입 부분을 맡았다. (원래 상세화면도 하기로했는데 속도 느려서 팀장님이 가져가주심)
시작화면의 헤더 하는데도 오~래 걸리고 메인화면 및 로그인/회원가입 폼 css도 오래걸렸지만 이미 있는 디자인대로 css를 만드는 것이 정말 재밌었다는 것을... 다시한번 강조하고싶다. (똑같다고 많이들 해주셔서 뿌듯하기도 함!) css만 다했는데 벌써 기능구현할 시간이 너무 안남았잖아..? 후다닥닥 지난주 규현님이 구현하신 로그인/회원가입 기능 보고 공부 시작...
솔직히 100% 이해한것도 아니고 리이슈(재발급)부분은 refreshToken만 만들고 발표를 하게 되었지만... 압박감에 스트레스도 받았지만 그래도 어찌저찌 끝났다.
프로젝트 발표 전날 새벽에 갑자기 마로님이 테스트 해보시면서 로그인이 안된다는 사실을 깨달음. PR 다하고 띵가띵가 놀고있었는데 이게 무슨일..?
그래서 프론트분들과 백엔드분들께 모두 여쭤봤는데 결국 해결하지 못하고 아침6시에 잠들었다... 7시간 후에 (와중에 꿀잠잠) 일어나보니 이미 팀장님이 해결하고 개인 할일 하고 계셨음... 현타 씨게왔지만 꾹참고 발표까지 존버했다. 그 문제 이후로 회원가입도 안되고 로그인도 내것이 아니게되었다... 분명 PR 하기전에 잘 되는것을 팀장님 앞에서 시연하고 올렸는데.. 뭐지? 잠깐 꿈꾼건가;; 우울 속에 끝난 우리의 Pinterest! Pinterest 당분간 들어갈 일 없다.
-
트러블슈팅 발표내용
axios withCredentials
홈페이지에 로그인을 하면 유저 정보를 확인한 후에 token이 발급됩니다.
로그인 정보가 서버로 잘 넘어가고, 통신도 성공했는데도 불구하고 별다른 에러 없이 cookie에 token 값이 null 값으로 들어가는 현상이 있었습니다.
defaults.headers에서 잘못 선언했던 변수값도 수정한 후에도 증상이 변하지 않아 instance 폴더의 맨 첫번째줄 부터 확인했는데, 첫번째 줄에 제가 로그인을 구현할 때 맨 첫번째로 설정해준 withCredentials가 문제였던 것으로 밝혀졌습니다.
withCredentials는 쿠키를 첨부해서 보내거나 헤더에 authorization 요청이 있을때 true로 설정해주어야한다고해서 넣었었는데, 이 작업은 프론트와 백 모두에서 필요한 것이었습니다. 백에서는 설정에 ‘CORS_ALLOW_CREDENTIALS = True’ 설정을 추가해주어야 했지만, 그냥 제가 쓴 withCredentials 코드를 주석처리하니 토큰값이 잘 생성되는 것을 확인하여 또 한번 백엔드 분들과의 소통이 얼마나 중요한지 느낄 수 있었습니다. -
배운 점
발표는 되도록 한사람이.
제한시간에 맞추어 구구절절하게 발표하지 말고 되도록 간단하게.
