티스토리 뷰
styled-components
- 리액트에서 CSS-in-JS 방식으로 컴포넌트를 꾸밀 수 있도록 도와주는 패키지(라이브러리)
* 패키지(써드파티 프로그램)
특정 기능이나 서비스를 제공하기 위해 묶인 소프트웨어의 모음(라이브러리, 프레임워크, 응용프로그램 등)
CSS-in-Js
- JavaScript 코드로 CSS를 작성하고 이를 컴포넌트에 적용하는 방식, 각 컴포넌트에 대한 스타일을 쉽게 관리하고 컴포넌트 간의 스타일 충돌을 방지할 수 있다
styled-components 사용 전 설정 방법
VScode 플러그인 설치
터미널에 라이브러리 설치 명령어 입력
| npm | yarn |
| npm install styled-components | yarn add styled-components |
'React' 카테고리의 다른 글
| [리액트 React] 프로토콜 (HTTP) (0) | 2024.03.16 |
|---|---|
| [리액트 React] 제이슨 서버 (Json-server) (0) | 2024.03.16 |
| [리액트 React] 리랜더링, 페인팅 (0) | 2024.03.15 |
| [리액트 React] 스테이트 (State) (0) | 2024.03.15 |
| [리액트 React] 컴포넌트, 프롭스 (Component, props) (0) | 2024.03.15 |