처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

소스맵(Source Map)이란 무엇인가요?

쉬움 MDN Web Docs
보기 및 정답
A 압축(minified)된 코드를 원본 소스 코드에 매핑하여 디버깅을 도와주는 파일
B 소스 코드의 디렉토리 구조와 파일 간 계층 관계를 시각적 트리 형태로 표현하는 다이어그램
C 코드 내 모듈과 패키지 간의 의존성 관계를 분석하여 그래프 형태로 표시하는 시각화 도구
D 프로젝트에 포함된 모든 소스 코드 파일의 오픈소스 라이선스 유형을 추적하고 관리하는 파일

해설

소스맵(.map 파일)은 빌드 과정에서 압축, 변환된 코드와 원본 소스 코드 사이의 매핑 정보를 담고 있습니다. 브라우저 개발자 도구에서 압축된 코드 대신 원본 코드로 디버깅할 수 있게 해줍니다. Webpack, Vite 등에서 자동 생성됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기