IT공부/React

[React] Styled Component 이해하기

Styled Component 이해하기 Styled Component란? 예시 심화 Styled Component란? 기존에 사용하던 HTML의 태그를 style을 설정하여 component로 만든 것을 Styled Component라고 합니다. 이러한 Styled Component를 만드는 방법은 아래의 코드와 같습니다. Styled Component를 사용하기 위해서는 styled-components라는 패키지를 다운로드하여야 합니다. 다운 방법은 npm i styled-components라는 명령어를 통하여 다운 가능합니다. const 컴포넌트 이름 = styled.적용할 태그 이름` 적용할 스타일 ` ``(탬플릿 리터널) 사이에 적용할 스타일을 입력하시면 됩니다. 적용할 태그는 HTML의 태그를 ..