스타일 컴포넌트 선택 이유

컨벤션 작성에 앞서 롤링 프로젝트에서 SASS(SCSS) 대신 스타일 컴포넌트를 선택한 이유는 여러 가지 이점 때문입니다.

• props로 동적 스타일링
• 고유 클래스 이름으로 스타일 충돌 방지
• 컴포넌트 내에 스타일 포함으로 구조화
• 컴포넌트 단위로 재사용

그러나 가장 중요한 이유는 학습입니다. SASS의 고유한 장점도 있지만, 스타일 컴포넌트와 문법이 유사하기 때문에 이번 프로젝트를 통해 충분히 문법을 익힐 수 있을 것으로 판단되어 스타일 컴포넌트를 적용하게 되었습니다.

스타일 컴포넌트 설치

설치의 경우 팀에서 한 명만 진행하시면 됩니다!!!!

1. 프로젝트의 루트 디렉토리에서 아래 명령어를 실행하세요.

npm install styled-components

1. 설치되었다면 package.json 파일에 아래와 같이 추가됩니다.

{
  ...
  "dependencies": {
      ...
      "styled-components": "^5.3.5"
    },
}