스타일링
Next.js는 다양한 방법으로 애플리케이션을 스타일링할 수 있습니다. 이 방법들은 다음과 같습니다:
- Global CSS: 전통적인 CSS에 익숙한 사용자에게 친숙하고 간단하지만, 애플리케이션이 커질수록 CSS 번들이 커지고 스타일 관리가 어려워질 수 있습니다.
- CSS Modules: 스타일 충돌을 피하고 유지 관리성을 향상시키기 위해 지역적으로 범위가 지정된 CSS 클래스를 생성합니다.
- Tailwind CSS: 유틸리티 중심의 CSS 프레임워크로, 유틸리티 클래스를 조합하여 빠르게 사용자 정의 디자인을 구현할 수 있습니다.
- Sass: 변수, 중첩 규칙, 믹스인과 같은 기능을 사용하여 CSS를 확장하는 인기 있는 CSS 전처리기입니다.
- CSS-in-JS: JavaScript 컴포넌트에 CSS를 직접 포함하여 동적이고 범위 지정된 스타일링을 가능하게 합니다.
각 접근 방식에 대해 더 알아보려면 해당 문서를 참조하십시오: