03. Sass(Scss) 2

SCSS 컴파일 시 .map 파일 없애는 법

앞서서 Scss 아키텍처(구조) 짜는 방법에 대해서 알아봤는데요https://coogooo.tistory.com/32 scss를 컴파일하는 과정에서 .map파일도 같이 생성되게 됩니다.Q. 왜 .map파일이 같이 생성되며 생성되는 이유가 뭘까요? .map 파일은 원본 SCSS 파일과 생성된 CSS 파일 사이의 매핑 정보를 포함합니다.이렇게 함으로써 디버깅 시에 브라우저 개발자 도구에서 원본 SCSS 파일의 위치를 쉽게 추적할 수 있습니다. 소스맵이 필요한 이유는 크게 3가지가 있습니다. 디버깅 용이성: 오류를 찾을 때 원본 SCSS 코드와 어떤 부분이 대응되는지 알기 어려워집니다.소스맵은 이를 해결해줍니다.브라우저에서의 개발자 도구 사용: 개발자 도구에서 .map 파일을 통해, 컴파일된 CSS 코드가 실..

03. Sass(Scss) 2024.12.09

VS Code에서 SCSS(Sass)로 효율적인 소스 변경 및 유지보수 관리

대규모 프로젝트에서 소스 관리가 어려워지는 상황을 방지하기 위해,퍼블리셔가 초기부터 체계적으로 컴포넌트를 관리하고효율적으로 컴파일할 수 있는 SCSS를 소개해 드리려고 합니다.   퍼블리셔는 협업 시 작업 병합과 충돌 해결을 돕는 형상관리가 필수적이며, 대규모 프로젝트에서는 그 중요성이 더욱 커집니다.   퍼블리셔에게 필요한 주요 역량은 웹/소프트웨어 프로젝트의 협업과 파일 관리입니다.형상관리는 이러한 작업물을 체계적으로 관리하고, 협업을 효율적으로 지원하는 중요한 도구입니다.이러한 효율적인 형상관리를 위해서 많은 퍼블리셔들이 Scss를 사용합니다.Scss는 css를 더 체계적으로 관리할 수 있도록 컴파일이라는 작업을 거칩니다. 먼저 scss 설치하는 방법은 다른 블로그에도 잘설명이 되어있어서 링크로 대..

03. Sass(Scss) 2024.12.09