최종 프로젝트를 진행하면서 있었던 크고 작은 문제들을 기록

❓HyundaiSans 폰트가 @font-face에서 적용되지 않는 문제가 발생

❗format('ttf')가 아닌 format('truetype')으로 변경 + url 상대 경로를 GlobalStyle.tsx 기준이 아닌 index.html 기준으로 변경

❓'MyCar'은(는) 값을 참조하지만, 여기서는 형식으로 사용되고 있습니다. 'typeof MyCar'을(를) 사용하시겠습니까? ts(2749) 에러 발생

❗찾아보니 .ts에서 TSX 문법을 사용할 경우 발생하는 에러라고 한다. router.tsx로 파일명을 바꾸니 즉시 해결되었다.

❓Emotion 문법에서 css 안에 있는 property가 제대로 적용되지 않는 문제

❗Emotion 문법에서 css `` 안에 세미콜론을 빠뜨려서 그렇다. 앞으로 세미콜론을 빠뜨리지 않도록 주의하자.

❓flex 정렬이 적용되지 않는 문제

❗display: flex가 걸린 요소와 정렬할 요소를 잘 확인해보자. 안되면 Wrapper를 추가하여 요소를 감싸보자

❓ul, li 태그에서 text-overflow: ellipsis를 걸면 list-style이 적용되지 않는 현상 → 이는 white-space: nowrap 때문에 줄바꿈이 일어나지 않기 때문

❗해결법은 지금 기억이 안남 ㅈㅅ gpt ㄱㄱ

❓DefaultOptionCardList에서 pagination이 갑자기 안되는 문제

❗리팩토링을 하면서 DefaultOptionCardList의 props를 state로 바꾸는 과정에서 페이지별로 자른 데이터가 아니라 원본 데이터가 누락되어서 발생한 문제. 원본 데이터를 넣어주니 해결