[React] 협업을 위한 공통 색 변수 저장하기 theme.js
CSS에서 색상값을 변수로 지정하여 사용해보았다. 티웨이 홈페이지를 리액트로 클론하는 프로젝트를 진행하며, 색상값을 공통적으로 사용할 수 있으면 좋을 것 같아 알아보게 되었다. CSS에서 색상값을 변수로 사용하는 법 :root { --main-bg-color : brown; } 이후에 .one { background-color: var(--main-bg-color); } 와 같이 사용할 수 있었다. 반복 코드를 줄일 수 있고 가독성을 높일 수 있다. 리액트에서 색상값을 변수로 사용하는 법 theme와 createGlobalStyle을 사용하는 법이 있다. 그 중에서 theme를 이용해보도록 하겠다. 사용할 변수들을 다음과 같이 저장한다. 따로 파일로 저장하지 않고 같은 파일 내에 변수로 선언해줘도 괜찮다..
2022.09.16