next.js를 사용하면 TailWindCss를 사용할 수 있는데
프로젝트를 하다보니 className=" " 으로해서 css를 적용해줄 수 있었다.
TailWindCSS를 쓸 수 있는 사이트이다.
<button className="pr-3 pl-2 mt-3 text-white rounded-md">
완료
</button>
이렇게하면 padding right와 padding left가 늘어나고, text가 white로 바뀌고, border-radius 가 바뀐다.
'Next.js > 기초' 카테고리의 다른 글
| [TIL] Image 올리기 (0) | 2024.03.22 |
|---|---|
| [TIL] changeEvent (0) | 2024.03.21 |
| [TIL] nextJS에 이미지 url 넣기 (0) | 2024.03.15 |
| [TIL] Next.JS에서 제공하는 4가지 렌더링 기법 (0) | 2024.03.14 |
| [TIL] Next.js에서 Routing (0) | 2024.03.13 |