컴포넌트 스타일링

자주 사용하는 스타일링 방식은 다음과 같다. CSS: 일반적인 방식SASS : 확장된 CSS문법 사용CSS Module : 스타일 작성 시 CSS 클래스가 다른 CSS 클래스의 이름과 절대 충돌하지 않도록 파일마다 고유한 이름을 자동으로 생성해 주는 옵션styled-c

여러 파일에서 사용될 수 있는 sass변수 및 믹스인은 다른 파일로 분리하여 작성한 뒤 필요한 곳에서 쉽게 불러와 사용할 수 있다. SassComponent에서 믹스인과 변수를 utils.scss파일로 옮기자utlis.scss파일에서 선언한 변수와 믹스인을 Sassco

css 모듈은 css를 불러와서 사용할 때 클래스 이름을 고유한 값, 즉 파일이름클래스 이름해시값 형태로 자동으로 만들어서 컴포넌트 스타일 클래스 이름이 중첩되는 현상을 방지해주는 기술이다.확장자를 module.css확장자로 파일을 저장하면 적용된다. 이를 활용하면 클