소스 맵(Source Map) 이해하기
소스 맵이란?자바스크립트는 배포용으로 빌드할 경우 성능을 최적화하기 위해서 원본 파일을 압축하거나 번들링하게 됩니다.이처럼 압축되거나 번들링된 결과물과 원본 파일간의 관계를 기록한 파일을 소스 맵(Source Map)이라고 합니다.소스 맵은 어떤 구성을 가지고 있을까?소스 맵은 JSON 형식으로 작성되며 아래와 같은 요소를 포함하게 됩니다.version : 소스 맵의 기반이 되는 버전 번호file : 변환된 소스 코드의 파일명sources : 원본 소스 코드의 경로sourcesContent : 원본 소스 코드의 내용names : 변환된 소스 코드에서 사용된 식별자의 이름mappings: 원본 소스 코드와 변환된 코드 간의 매핑 정보소스 맵은 언제 필요할까?과연 소스 맵은 언제 필요할까요?소스 맵은 성능 ..
javascript
2024. 10. 28. 19:59
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- django
- 구글맵
- Git
- 파이썬
- 구글 맵
- 추상 클래스
- 웹
- git log
- 팩토리 패턴
- 한글깨짐
- 안드로이드
- ㄹ
- cmd
- 팩토리 메소드 패턴
- 깨짐
- flask
- Apache
- 한글
- Google Map
- 심플 팩토리 패턴
- Windwos
- Python
- 에 잚
- 한글 깨짐
- Windows
- 플라스크
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
글 보관함