언어·프레임워크
CSS, Sass, SCSS 차이 — 전처리기는 왜 태어났고 2026년에도 필요할까
CSS, Sass, SCSS의 차이를 가장 짧게 정리하면 이렇습니다. CSS는 브라우저가 직접 읽는 표준 스타일 언어이고, Sass는 그 CSS에 변수·중첩·함수 같은 기능을 더해 주는 전처리기이며, SCSS는 그 Sass를 CSS와 거의 똑같은 문법으로 쓰도록 만든 표기법입니다. 셋은 서로 경쟁하는 별개의 도구가 아니라, 한 줄기에서 갈라져 나온 가족에 가깝습니다.그런데 막상 검색해 보면 "둘 중 뭘 써야 하냐", "Sass랑 SCSS는 뭐가 다르냐", "이제 그냥 CSS만 써도 되는 거 아니냐" 같은 질문이 끝없이 나옵니다. 답이 계속 바뀌고 있어서 그렇습니다. 2026년 현재, 한때 전처리기만 할 수 있던 일들을 브라우저가 직접 해내기 시작하면서 이 질문의 무게중심이 옮겨가는 중이거든요.그래서 이 ..
'CSS' 태그의 글 목록
언어·프레임워크
CSS, Sass, SCSS 차이 — 전처리기는 왜 태어났고 2026년에도 필요할까
CSS, Sass, SCSS의 차이를 가장 짧게 정리하면 이렇습니다. CSS는 브라우저가 직접 읽는 표준 스타일 언어이고, Sass는 그 CSS에 변수·중첩·함수 같은 기능을 더해 주는 전처리기이며, SCSS는 그 Sass를 CSS와 거의 똑같은 문법으로 쓰도록 만든 표기법입니다. 셋은 서로 경쟁하는 별개의 도구가 아니라, 한 줄기에서 갈라져 나온 가족에 가깝습니다.그런데 막상 검색해 보면 "둘 중 뭘 써야 하냐", "Sass랑 SCSS는 뭐가 다르냐", "이제 그냥 CSS만 써도 되는 거 아니냐" 같은 질문이 끝없이 나옵니다. 답이 계속 바뀌고 있어서 그렇습니다. 2026년 현재, 한때 전처리기만 할 수 있던 일들을 브라우저가 직접 해내기 시작하면서 이 질문의 무게중심이 옮겨가는 중이거든요.그래서 이 ..