Source Map이란?

Source Map
배포용으로 빌드한 파일과 원본 파일을 서로 연결시켜주는 기능

 

보통 서버에 배포를 할 때 성능의 최적화를 위해 파일들을 압축하게 된다.

 

하지만 압축을 하게 되면 배포한 파일에서 오류가 발생하게 되는 경우 디버깅이 어렵다.

 

오류가 발생한 부분이 원본 파일(코드)의 어느 부분인지 쉽게 알 수 있도록 사용하는 것이 Source Map이다.

 

 

2022.03.09 - [Root Me/Web - Client] - Root Me: Javascript - Webpack​

Root Me: Javascript - Webpack

해당 경우의 flag값을 확인할 수 있는것도 Source Map을 사용하기 때문이다.

 

 

Source Map은 개발과정의 편리함을 제공해주지만 사용자가 코드의 원본을 볼 수 있기 때문에 보안에 취약하다는 것을 알 수 있다.