튜이의 블로그 튜이의 블로그

들어가기 전에이 글은 Next.js 튜토리얼을 번역한 글입니다.CSS 스타일하기현재, 홈페이지는 어떤 스타일도 갖고 있지 않을겁니다. Next.js 어플리케이션을 꾸밀 다양한 방법을 알아봅시다.이번 챕터에서...여기 우리가 다룰 주제들이 있습니다.전역 CSS 파일을 어플리케이션에 추가하는 방법두가지 다른 스타일링 방법: Tailwind 그리고 CSS modulesclsx 유틸리티 패키지로 class 명을 조건부로 넣는 방법전역 스타일/app/ui 폴더를 봅시다, global.css 파일을 찾을 수 있을겁니다. 이 파일을 추가해 어플리케이션 내에 모든 라우트에 CSS 초기화 룰이나 link같은 사이드 전역에 쓰일만한 CSS 규칙들을 적용할 수 있습니다.global.css는 앱 내에 어디서든 불러(impor..

들어가기 전에이 글은 Next.js 튜토리얼을 번역한 글입니다.그리고 앞의 글 [NextJS] 튜토리얼 Intro - Next.js 배우기에서 이어지는 글입니다.만약 Next.js를 위한 기본 셋업이 안 되어있다면, 위 링크를 눌러 기본 셋업을 해주세요.시작하기신규 프로젝트 생성하기Next.js 어플리케이션을 생성하기 위해, terminal을 열고 cd명령어로 프로젝트를 생성하고 싶은곳으로 이동하세요.그리고 다음 명령어를 실행하세요.Terminalnpx create-next-app@latest nextjs-dashboard --use-npm --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example"위 명령어는 N..