코드조각
-
VSCode React styled-components 스니펫프론트엔드 2021. 12. 29. 14:26
스니펫은 "코드 조각"이라는 뜻으로, 자주 사용되는 코드 형식을 미리 만들어두고 간편하게 불러와 사용할 수 있다. 지금 진행 중인 리액트 프로젝트에서는 각 컴포넌트 별로 .jsx 파일을 생성하고 동일한 이름으로 .styles.jsx 파일을 생성한 다음 .styles.jsx에 스타일드 컴포넌트를 import해 스타일을 정의하는 식으로 구조를 작성하고 있다. /Testimonial Testimonial.jsx Testimonial.styles.jsx 내가 사용하는 기본적인 .styles.jsx 파일 형식은 다음과 같다. Testimonial.styles.jsx import styled from "styled-components"; const TestimonialStyled = styled.div``; exp..