![[React] Styled Components 사용 방법](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FbaZWf9%2FbtsBrfmFldf%2FAAAAAAAAAAAAAAAAAAAAADBSOj1PoLWr7wVO9-iV90KtZvoPPUhOB4xO3Nin55xW%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1761922799%26allow_ip%3D%26allow_referer%3D%26signature%3DzSSgIbc9kS7EQLy4ZD99uGXR5qg%253D)
Frontend/React2022. 10. 5. 21:33[React] Styled Components 사용 방법
React에서 Styled Components를 사용하는 방법에 대해 알아보겠습니다. 설치 Visual Studio Code를 사용 시 Styled-Component 자동 완성을 위해 vscode-styled-components 플러그인을 설치합니다. $ npm i styled-components https://styled-components.com/ 사용 예 import styled from 'styled-components'; const Father = styled.div` display: flex; `; const BoxOne = styled.div` background-color: teal; width: 100px; height: 100px; `; const BoxTwo = styled.div` ..