개발에서 source map(소스 맵)의 역할은?

Q: 개발에서 source map(소스 맵)의 역할은?

압축/변환된 코드와 원본 소스 코드를 매핑하여 디버깅 시 원본 코드의 위치를 보여준다 .map 파일은 번들링/미니파이/트랜스파일된 코드의 각 위치가 원본 소스의 어디에 해당하는지 매핑합니다. 브라우저 DevTools에서 에러가 발생하면 축소된 코드가 아닌 원본 TypeScript/JSX 파일의 정확한 줄 번호를 표시합니다. 프로덕션에서는 보안을 위해 비공개로 관리합니다.

보통 MDN Web Docs

보기 및 정답

A 압축/변환된 코드와 원본 소스 코드를 매핑하여 디버깅 시 원본 코드의 위치를 보여준다

B 프로젝트 소스 코드의 함수, 클래스, 모듈을 자동으로 분석하여 문서화한다

C 코드 내 모듈 간의 import/require 의존성 관계를 분석하여 그래프로 시각화한다

D 소스 코드를 다른 프로그래밍 언어로 자동 변환하여 크로스 플랫폼 호환성을 지원한다

해설

.map 파일은 번들링/미니파이/트랜스파일된 코드의 각 위치가 원본 소스의 어디에 해당하는지 매핑합니다. 브라우저 DevTools에서 에러가 발생하면 축소된 코드가 아닌 원본 TypeScript/JSX 파일의 정확한 줄 번호를 표시합니다. 프로덕션에서는 보안을 위해 비공개로 관리합니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

개발에서 source map(소스 맵)의 역할은?

해설

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

관련 문제

모두를 위한 진짜 쎈 바이브코딩