미니 프로젝트 회고

미니 프로젝트 회고

• 1주차 이후 처음으로 백엔드와 협업을 진행하였다. 미니프로젝트이고 지난 주차에 리덕스 툴킷을 통한 CRUD를 구현한 것을 다시 복습하는 것을 목적으로 진행되었다.
• 나는 로그인을 담당하였는데, 구글링 해서 쿠키와 토큰이 무엇인지 공부하게 되었다. 아직 대략적으로만 알고 있어서 더 정리할 시간이 필요해보인다.
• 구글링에서는 어떤 것이 보편적이고 더 나은 방법인지, 정확히 나와있지 않다보니 살짝은 어설픈 코드가 완성되었다. 매우 찝찝하지만.. 로그인 유지에 대한 전체적인 흐름은 이해한 것 같아서 다행이다.
• 로그인 유지를 위해서 따로 GET요청 API를 만들었는데, 실제로는 그렇게 사용하지 않고 로컬스토리지나 쿠키에 저장하여 그것을 꺼내쓰는 방법으로 한다고 하니, 다음에는 꼭 그 방법을 사용해보고 싶다.
• 회원가입 유효성검사를 간단히 짠 후에 체크하는 과정에서 miss가 많이 있었다. 다시 꼼꼼하게 짜보았는데, 완성하고 나니 정말 뿌듯했다. 서버쪽에서 크로스체크가 가능하니 더욱 만족스러웠다.

트러블 슈팅 요약

1. 비밀번호 확인=비밀번호 값이 일치해야 되는 유효성 검사 시에 input창의 onchange 함수가 input창에 값을 입력해야만 서로 같은지가 확인이 되는 문제 해결
2. 로그인 후 로그아웃시 state값 reset이 안되는 문제 해결 (window.location.reload();)
3. 기능 구현을 먼저 하다보니 엘리먼트를 소홀히 한 부분이 있었는데 최종 css 수정 단계에서 결국 비슷한 스타일로 가기 위해 엘리먼트로 변경하게 되면서 시간이 소요되었음. 엘리먼트를 처음부터 잘 구성해서 디자인을 일원화하기
4. 로그인 유지를 어떻게 할지에 대해서 고민을 했는데, 헤더에 겟요청을 담아서 매번 로그인이 되엇는지 확인하는 방향으로 해결