Styled-components 에 props 로 style 적용하기

Styled-components ?

스타일을 컴포넌트화 하여 재사용이 가능하며 전역에서 중첩 사용되지 않게 (컴포넌트 자체에서만 적용됨) 만들어준다.

Styled-components 에 props를 적용할 수 있어서 style 적용에 유용함을 크게 느꼈다. 반응형 웹 페이지를 만들거나 특정 조건이 있을 경우에만 style이 바뀐다는 것을 구현할 때 편리하였다.

참고사이트

https://velog.io/@hwang-eunji/Styled-Components-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8