StyledComponents1 React & Styled-Component - 재사용성 높히는 방법 고찰 코드만 보고 싶다면? 가장 아래에 있는 코드샌드박스 확인하기 한 화면에 세로로 나열되는 버튼의 개수에 따라, 버튼의 사이즈를 조절해 보고 싶었다. SASS를 사용할 때를 기억하여 "how to use variables in styled components?" 로 검색해 보았으나 최신 자료가 잘 안 나와서, 공식 문서를 참고하여 props를 이용해서 구현해 보았다. 버튼이 두개일 때는 height: 60px를, 버튼이 네개일 때는 height: 40px를 주고 싶다. 현재 이 프로젝트에서는 React, Styled Components를 사용하고 있다. 1.재사용 할 법한 css 속성들을 js 파일로 분리한다. 여기까지는 쉽다. 그냥 객체를 export 하는 코드이다. variable.js const var.. 2019. 12. 22. 이전 1 다음