@2023/10/21 안녕하세요 lika-7입니다오늘은 styled-components에서 사용할 기본적 기법을 정리하였습니다주요 기법 2가지props로 스타일 선택 하기props를 통해 받은 데이터를 기반으로 컴포넌트의 스타일을 선택 할 수 있습니다.위의 예제는 primary 상태 일 때 버튼의 스타일을 바꿔주는 코드 입니다.$primary props가 true 일 때 background 와 color 색을 바꾸어 줍니다스타일의 확장컴포넌트를 이용할 때 전체 부분이 아닌 한,두가지 부분의 스타일만 바꾸고 싶을 때가 있습니다. overriding을 이용해 쉽게 컴포넌트의 스타일을 바꿀수 있습니다.위의 코드에서 TomatoButton은 Button과 닮은 것을 볼 수있습니다.TomatoButton에 But..
styled-components에서 사용할 기법
@2023/10/21 안녕하세요 lika-7입니다오늘은 styled-components에서 사용할 기본적 기법을 정리하였습니다주요 기법 2가지props로 스타일 선택 하기props를 통해 받은 데이터를 기반으로 컴포넌트의 스타일을 선택 할 수 있습니다.위의 예제는 primary 상태 일 때 버튼의 스타일을 바꿔주는 코드 입니다.$primary props가 true 일 때 background 와 color 색을 바꾸어 줍니다스타일의 확장컴포넌트를 이용할 때 전체 부분이 아닌 한,두가지 부분의 스타일만 바꾸고 싶을 때가 있습니다. overriding을 이용해 쉽게 컴포넌트의 스타일을 바꿀수 있습니다.위의 코드에서 TomatoButton은 Button과 닮은 것을 볼 수있습니다.TomatoButton에 But..
2023.10.21
