Javsacript, CSS Preprocessed Source map

CoffeeScript 랄지 Less 류들은 각각 JavaScript와 CSS의 Preprocessing 유틸리티들이다. 이런 류들의 소스는 브라우저에서 직접 처리될 수 없으며 javascript, css 형태의 파일로 만들어져 전달되어야 한다. 그렇게 전달되는 파일들을 브라우져에서 디버깅하기란 복잡도가 높아진다.

이때 사용하는 것이 map 파일들인데, 이 파일들은 원소스파일과의 대응관계를 알려주는 역할을 한다. Javascript와 CSS의 주석 일부에 Map 파일의 경로를 적어주면, Chrome 디버깅 창에서 해당 맵파일을 이용하여 원 소스를 참조할 수 있게 해준다. (컴파일 기반 언어에서 링크 결과물로 부수적으로 산출할 수 있는 map 파일과 그 목적이 비슷하다.)

https://developer.chrome.com/devtools/docs/css-preprocessors

http://www.thecssninja.com/javascript/source-mapping

http://blog.teamtreehouse.com/introduction-source-maps