View Code? Open in Web Editor
NEW
Home Page: https://next-js-tutorial-ten-opal.vercel.app/dashboard
TypeScript 87.70%
JavaScript 11.68%
CSS 0.62%
next-js-tutorial's Introduction
Next.js tutorial - dashboard
- css 파일을 컴포넌트에 import하는 것만으로 css에 작성된 스타일 적용 가능
- 관습적으로 최상위 컴포넌트에서 import하는 것이 권장됨
- tailwind 클래스명을 JSX 스크립트 안에 작성하기
- module.css를 import하여 변수 형태로 클래스 지정하기 - 이 방법을 사용하면 고유한 클래스명이 생성되므로 클래스명 충돌 가능성을 피할 수 있음
- clsx를 이용한 클래스명 토글
- 폰트는 빌드 타임에 빌드되어 정적 에셋과 함께 업로드: 외부 요청 필요없음
- breakpoint를 파악하여 hidden과 block을 동시에 변환하는 식으로 반응형 디자인에 활용 가능
next-js-tutorial's People
Contributors
Watchers