tailwind.confing.ts에 keyframes 정의animation정의 하는 부분만 따로 보면css에서 keyframes로 애니메이션을 정의하고animation 속성으로 적용하는 것과 같은 방식이다.className에 "animate-정의한 애니메이션 이름"
next.config.ts(또는 js)란?next js 애플리케이션의 설정을 정의하는 파일로전역 설정, 리디렉션, 환경변수, webPack설정, API 경로를 설정할 수 있다.next.config.ts(또는 js)에 들어간다.nextConfig 안에 redirects

depth가 깊은 곳에 있는 무언가를 import 할 때절대경로라서 파일 위치가 바뀌어도import문 수정이 필요없음.코드가 깔끔해짐.tsconfig.json 의 compilerOptions 안에아래의 코드를 적는다.baseUrlbaseUrl은 import를 할 기준점