[SCSS] 프로젝트 아키텍처 7-1 Pattern

7-1 Pattern CSS 전처리기 SCSS를 사용함으로 얻을 수 있는 주된 장점 중 하나는, 코드 베이스를 여러 파일로 분할할 수 있다는 것입니다. 7-1 패턴은 이를 이용한 SCSS의 대표적인 아키텍처로 공식 가이드라인에서도 언급하고 있습니다. 이름이 가지는 의미는 명확합니다. 7개의 폴더와 1개의 파일. 7개의 폴더 안의 분할된 SCSS 파일들은, 루트 디렉토리의 main.scss에서 합쳐져 하나의 파일로 컴파일링 됩니다. CSS 파일은 용도 별로 나뉘어진 폴더 구조와 자신의 이름을 통해 어떤 역할을 하는지, 무엇을 위해 만들어졌는지 가시적으로 보여줍니다. 폴더 구조 파일 앞에 붙은 언더바(_)는 이 파일은 @import를 통해 불러지기 전까지는 컴파일링 되지 않는 것을 의미합니다. Abstracts abstracts 폴더는 프로젝트에서 사용되는 전역 변수와 믹스인, scss 함수에 대한 폴더입니다. utilities 혹은 helpers라는 이름을 대신 사용할 수도 있습니다....

원문링크 : [SCSS] 프로젝트 아키텍처 7-1 Pattern