💻 Project/[개인] Tripper

React Hook Form을 사용해 로그인 폼을 구성했지만, onSubmit과 onClick을 직접 처리하여 loginUser API를 호출하고 accessToken을 localStorage에 저장하려 했다.내가 생각하기엔 문제는 없어 보였는데 로그인 페이지가 렌더링 됨과 동시에 onClick안의 함수와 토큰 값을 출력하는 콘솔이 출력되는 문제가 발생했다.token=nulltoken=nullonClickFunction {}onClickFunction {}콘솔이 이런 식으로 나와 당황스러웠다.우선, 같은 콘솔 로그가 두 번 출력되는 이유는 React의 Strict Mode 때문인 것 같아 Strict Mode를 비활성화했다. 그럼 두 번째. 토큰은 왜 null이 나올까?코드를 보면서 설명해보려고 한다.우..

프로젝트 시작코드캠프 프론트엔드 13기를 진행하면서 과제로 받게 된 여행 프로젝트가 있다.중간에 과제를 몇 번 놓치기도하고 비어있는 요구사항도 많아 개인 프로젝트 포폴로 사용할 겸 새로 만들기로 했다. 리팩토링 안하고 새로 만드는 이유?1. tailwind css를 적용해보고 싶어서2. 시험 대비 겸 전체적인 복습을 하고 싶어서3. 공부를 할 때, 이해하지 못하고 무의식 중에 외워서 한다고 생각하는데 과제 역시 그런 방식으로 구현한 것 같아서4. 순도 100 공부를 위해 연습하는 프로젝트이다 => 기존 코드를 리팩터링해도 이해를 못 하고 한다면 의미가 없다고 생각해서 프로젝트 기간구현할 내용은 과제 목록에 어느정도 있고, API 없이도 프론트적으로 구현하고 싶은 기능들을 추가할 예정이다.과정을 반으로 잘..