[FE 이재영 | 이현영] 서버 통신, VehicleSelectionPage 구현, ESlint 문제 해결

[hamo-o]

주요 작업

• eslint가 적용되지 않는 문제 해결
• 서버 통신 및 비동기 처리
• 웹폰트 임시 적용
• "/" 진입 시 원하는 페이지로 리다이렉트

0121.mov

학습 키워드

eslint RSC use Suspense react-router

고민과 해결과정

• 코드 포맷터 설정 중, 왜 항상 eslint와 prettier를 같이 쓰는지에 대한 의문이 생겼습니다. 리서치를 진행해본 후의 결론은 다음과 같았습니다.
  • eslint는 코드가 잘못되었는가? 를 다루고, prettier는 코드가 보기 좋게 정리되었는가? 를 다루도록 두 포맷터의 관심사를 분리하는 것이 목적이라는 결론이었습니다.
  • eslint가 prettier의 기능을 포함하고 있으므로, eslint만을 사용함으로써 두 포맷터의 충돌로 발생할 수 있는 문제를 배제하기로 했습니다.
• eslint가 저장될 때마다 auto fix 되어야 하는데, 적용되지 않는 문제가 있었습니다.
  • .vscode/settings.json에서 기본 에디터의 세팅들을 다 꺼서 eslint와 충돌되지 않도록 하여 해결했습니다.