[CSS]Semantic UI를 써보자!

Bootstrap, Antd, Tailwindcss 등등.. 여러가지 많지만 그중에 그나마 Semantic UI가 제일 나은 것 같다.
그 이유는..

1. 코드의 재사용성이 좋다.(Tailwindcss 처럼 축약표현 안씀)
2. 디자인 템플릿이 많다.(예시들이 많아서 빠르게 적용)
3. 디자인이 심플하다(bootstrap에 비해 조금 덜 화려해서 수수해보임)

1. Semantic UI 사이트 접속

https://react.semantic-ui.com/

2. npm을 이용하여 설치

npm install semantic-ui-react semantic-ui-css

3. _app.js에 import

import 'semantic-ui-css/semantic.min.css'

▶ _app.js가 global로 적용되므로 그곳에 하는게 좋다!