반응형 Next.js2 Learn Next.js - Chapter 2. CSS Styling next.js의 공식 tutorial을 공부하며 정리한 내용입니다. tutorial: https://nextjs.org/learn/dashboard-app Global Styles global.css 등의 파일을 만들어 route 상의 모든 파일에 같은 CSS를 적용할 수 있다. 원하는 component에 각각 import해도 되지만, top-lovel component에 import하면 전체에 한번에 적용할 수 있다. (e.g., /app/layout.tsx) Tailwind 미리 만들어진 utility class를 tsx 파일에서 사용하여 CSS 스타일링을 빠르게 해주는 CSS framework. global.css로 전체에 css 적용이 되어 있어도, 각각의 component에 별도로 css를 적용.. 2024. 1. 7. Learn Next.js - Chapter 1. Getting Started next.js의 공식 tutorial을 공부하며 정리한 내용입니다. tutorial: https://nextjs.org/learn/dashboard-app 새 프로젝트 생성 nodejs 설치가 되어 있다는 전제하에 아래 커맨드 실행 npx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example" 기본 폴더 구조 /app: application의 모든 route, component, logic 저장 /app/lib: application에서 사용하는 모든 function 저장. e.g., utility function, da.. 2024. 1. 6. 이전 1 다음 반응형
