12/5 TIL | 레벨 테스트 작업 일지 Day 7-8. 로그인 & 회원가입 구현!

🔙 이전 시리즈

12/3 TIL | 레벨 테스트 작업 일지 Day 5-6. 속도내기!💨

---

 

오늘 작업 목표 달성률(66.6%)

✅ 로그인 구현 & 회원가입 구현
      🔗 F/E PR, B/E PR
🟩 상품 주문 구현(작업 중💬) 

작업 회고

로그인 페이지 / 회원가입 페이지

회원가입 성공 시 출력되는 페이지

오늘의 작업 목표는 로그인, 회원가입을 구현하고, 하다 말았던 상품 주문 페이지를 구현하는 것이었다. 우선 로그인, 회원가입은 기능 구현을 완료하고, 마크업까지 모두 진행하였다.

로그인 성공 시 메인 페이지

로그인에 성공하면 위와 같이 헤더에 유저가 가지고 있는 잔액도 불러와진다. 사실 로그인/회원가입은 거의 몇 번째라 손쉽게 할 수 있을 줄 알았는데, 예상치 못한 테스트 코드 에러들로 많은 시간을 잡아먹었다😅 테스트 코드를 어떻게 하면 잘 짤 수 있을까.. 그것이 고민이로다.. 덕분에 오늘 목표치였던 상품 주문 페이지는 아직 작업하는 중..

오늘 만난 에러는 아래와 같은 에러였는데, 컴포넌트 라이프사이클과 관련된 문제였다. useEffect를 쓰는 컴포넌트에서 생긴 에러였는데, 찾아보니 이 에러가 생기는 원인이 꽤 다양해서 다른 이유들도 궁금해졌다. 이건 하루 날 잡고 제대로 다시 정리해보는 것으로!

---

인텔리제이 작업할 때 발견한 것인데, 바로 직전 커서의 위치로 가는 단축키이다. 쓰다 보니 너무 유용해서 다른 동기들에게도 전파했는데, VSCode에도 있길래 까먹지 않기 위해 TIL에 기록해두기!(앞으로 단축키로 검색해서 찾아올 것이다..)

⌨️ 바로 이전 위치로 이동하는 단축키(IntelliJ & VSCode)

IntelliJ

뒤로: command + option + ←
앞으로: command + option + →

VSCode

뒤로: ctrl + -
앞으로: ctrl + shift + -