스타일드 컴포넌트 매크로를 쓰면 cra에서 컴포넌트의 파일명을 볼 수 있어서 디버깅하기에 좋다. next에서는 babel 설정 파일에서 해줄 수 있다. (pure) styled component와 typescript를 같이 쓸 때 theme의 타입 설정에서 타입 대신 해당 값을 써주면 나중에 테마를 볼...
NEXT pages에는 component를 import만 (컴포넌트들이 한 눈에 들어올 수 있도록) components에 페이지의 모든 컴포넌트를 정리. API 호출할 때 SSR, CSR 어디에서 할 지 고민해보고 구현하면 좋음. useSWR 이미 가져온 것은 캐시에서 응답하고 아니면 새로 가져오는 것인데 이 훅은...
Debounce 연속으로 발생하는 이벤트를 제어하기 위해서 사용함. 이번 프로젝트에서 onChange로 검색 창을 구현하는데 실시간으로 변하는 값의 최적화 때문에 사용. useDebounce라는 커스텀 훅을 만들어서 값이 입력된 후 일정 시간이 지났을 때 처리하는 방식으로 만들 수 있음. typeScript import { useEff...
Thymeleaf, [Ant Design] 카드와 버튼 컴포넌트
react-slick, 함수 호출하기 ``, array.split(), 정규 표현식