SCSS 파일을 나누고 하나의 CSS로 컴파일하기

Sass 부분 파일은 작성 편의를 위한 구조이고, 브라우저에는 컴파일된 CSS 한 묶음이 전달된다.

단계	하는 일	파일 예시	주의점
Partial	역할별 SCSS를 작은 파일로 분리	_variables.scss	브라우저가 직접 읽는 파일이 아님
Import/Use	엔트리 파일에서 부분 파일 연결	@use, @forward	순환 의존과 중복 로드 주의
Mixin	반복 규칙을 함수처럼 재사용	@mixin button	작은 규칙까지 과도하게 추상화
Compile	SCSS를 CSS로 변환	main.scss -> main.css	빌드 파이프라인 누락
Output	브라우저가 읽는 최종 CSS 제공	link rel=stylesheet	원본 SCSS와 출력 CSS 혼동

Sass를 쓸 때는 작성 파일 구조와 실제 브라우저가 받는 CSS 산출물을 구분해야 한다.