되게 간단히 컴포넌트를 만들 수 있음.
저거는 외부 라이브러리라서 설치 해야 함.
import 해야 한다. 외부 컴파일러.
const TestData = styled.div`
width:100%;
height:100%
backgroun-image:url(${props=>props.img});
`
저런 식으로.
말 그대로 스타일된 컴포넌트
저거 컴포넌트라 props 쓸 수 있음.
<TestData img=${이미지경로}></TestData>
이런 식으로.
컴포넌트라 img처럼 저렇게 속성 줄 수 있음.
'React' 카테고리의 다른 글
서스펜스, 비동기 로딩 (0) | 2023.11.15 |
---|---|
스프레드 (0) | 2023.11.15 |
리액트 이미지 가져오는 법 (0) | 2023.11.09 |
여러 개 데이터 뽑아서 문서에 넣기 (0) | 2023.11.03 |
함수에서 사용하는 생명주기 useEffect() (0) | 2023.11.02 |