082124 til styled components

Styled-Components 란 ? 

Styled-components는 마치 옷을 입히는 것처럼,

웹사이트에 있는 버튼이나 글씨 같은 것들에 예쁜 옷을 입혀주는 도구다 .

 

 우리가 컴퓨터에서 버튼을 보거나 글씨를 볼 때, 

그 버튼이 빨간색이거나 글씨가 굵거나 하는 것들은 전부 "스타일"이라고 부른다 

 Styled-components는 이 스타일을 아주 쉽게 입혀주는 마법 같은 도구다 

예시
예를 들어,  종이 위에 그림을 그렸다고 생각해봐. 

그리고 그 그림에 색칠도 하고, 꾸미기도 하고 싶으면 

Styled-components는 그 그림에 색을 칠해주고, 예쁘게 꾸며주는 색연필이나 스티커 같은 거다

만약 "파란색 버튼"을 만들고 싶다면, 

Styled-components를 사용해서 

"이 버튼을 파란색으로 해주세요!"라고 말하면

그러면 버튼이 파란색으로 변신한다 



 흰 종이(웹사이트의 버튼)를 가지고 있으면 
그 흰 종이 위에 파란색 색연필(Styled-components)을 사용해서 색을 칠한다 
이제 그 종이가 파란색 버튼으로 변신햇다