vanilla extract 한 방울로 server component 향기롭게 하기 - vanilla extract 사용기 vanilla-extract를 사용하기까지의 과정 next app router에서는 react 18 버전부터 추가된 server component를 사용 할 수 있다 서버 컴포넌트의 장점은 다양하다(ex) server side fetching) 아무튼 많은 장점이 있는지만 또한 가장 큰 단점도 있다 바로 많은 사람들이 사용하는 CSS in JS 인 styled-component(emotion)를 사용 할 수 없다는 것이다... 왜 사용 할 수 없을까? styled-component와 emotion은 runtime css in js 이기 때문이다 runtime css in js는 js가 실행되는 환경인 runtime(브라우저)에서 실행되기 때문에 서버에서 렌더링 하는 server component에서는 사.. CSS!!!! CSS(Cascading Style Sheets)로 HTML문서를 더욱 효과적으로 보여줄수 있게 꾸며주는 언어이다 *여기서 Style Sheets란 Style Sheets는 js에서 객체(object)를 작성할때 처럼 작성하는 형식을 말한다 // js object const h1 = { fontSize : 16; } /* css style sheets */ h1 { font-size : 16px; } Selector Selector는 자신이 스타일 해줄 tag(ex. h1, p, button)나 id 그리고 class를 지정해 줘 스타일 할 수 있게 해주는 것이다 type selector type selector는 html 태그를 지정해 스타일 해주는 것이다!!! h1 { font-weight: bold.. 이전 1 다음
