우든이 블로그

React에서 컴포넌트를 스타일링하는 방법에는 여러 가지가 있습니다. 그중에서도 가장 많이 선호되는 styled-components에 대해 공부해보겠습니다. # styled-component styled-components란, 자바스크립트 파일에서 CSS를 사용할 수 있게 해주는 대표적인 CSS-in-JS 라이브러리입니다. 아래 명령어를 사용하여 프로젝트에 설치하여 줍니다. npm install --save styled-components 먼저, 파일 상단에 다음과 같이 styled-componentes에서 styled를 임포트 합니다. import styled from 'styled-components'; HTML 요소에 원하는 스타일을 적용하여 Button 변수에 저장합니다. export const ..