get api 연결하는데 문제가 생겼다!
const { bookId } = useParams<{ bookId: string }>();
이 코드로 받아오면 params가 undefined로 들어왔다. 이유는 두 가지였는데
<Route path="/detail/:bookId" element={<Detail />}></Route>⇒ path에 /:id로 되어 있어서 bookId를 받아오지 못하는 거!
books/2 와 books/?id=2는 다르다!getBook: (bookId: number) => api.get(BASE_PATH, { params: bookId }),
캐러셀 직접 구현 시도
버튼 없이 스와이프만으로 작동하려면 터치 이벤트 처리를 해줘야 하는데, 당시 화면 가로스크롤 이슈도 있고 인디케이터 커스텀까지 하게 되면 더 복잡해질 것 같아서 react-slick 라이브러리르 사용해서 간편하게 커스텀 진행.
폰트가 피그마랑 굵기 차이가 계속 있는 느낌
피그마 자체 렌더러가 폰트를 좀 더 얇아보이게 처리하는 경향이 있다고 해서 폰트와 속성은 그대로 유지하되 아래와 같은 속성을 추가해 조금 굵기를 깎으려고 시도했다. 완전히 같은 느낌은 아니지만 그래도 비슷해졌다고 생각.
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth: never;