소스맵과 sentry
소스맵
- 변환되거나 압축된 코드와 원본 코드를 연결해주는 파일
- 개발환경에서만 주로 사용되고, 프로덕션에서는 보안이나 성능상의 이유로 포함하지 않음.
- 아래 링크를 요약하자면, 소스맵을 prod에서 볼 수 있게 하는건, 관행은 아니다.
- 코드를 첨부해야하는 오류 추적도구 ex) sentry의 경우 소스맵을 첨부해야만 확인할 수 있다.
- 이러한 경우에 (sentry를 사용하고 싶을때,) 소스맵을 sentry 서버에만 업로드 하고, 공개적으로 접근할 수 없게 할 수 있다.
- 퍼플렉시티가 설명해주기로, 3번 방법은 인증 미들웨어를 추가해라. (우리는 뷰를 사용하는데 그럴 수 있나? )
- 소스맵을 만들어주는 건, 웹팩으로 하는 건데, 이걸 (적다가 아래 링크를 찾음)
- https://webpack.js.org/plugins/source-map-dev-tool-plugin/#host-source-maps-externally
꼭 sentry를 이용않더라도, 이미 웹팩에서 다른 곳에 호스팅하는 방법을 제공한다고 하네.
- 그렇담 sentry에서도 꼭 되겠네.
https://kicksky.tistory.com/111
Serverless + Next.js에 Sentry 도입하기
제목 거창해서 웃기다. 사실상 센트리 도입 과정의 삽질 여정에 대한 기록인데(...). 센트리를 여러 회사에서 도입해서 사용하는 것 같은데 막상 공식 홈페이지의 가이드나 문서는 다국어 지원이
kicksky.tistory.com
https://css-tricks.com/should-i-use-source-maps-in-production/
Should I Use Source Maps In Production? | CSS-Tricks
It's a valid question. A "source map" is a special file that connects a minified/uglified version of an asset (CSS or JavaScript) to the original authored
css-tricks.com
https://dev.to/oyetoket/is-it-safe-to-ship-javascript-source-maps-to-production-34p8/comments
Discussion of Is it safe to ship JavaScript Source maps to production?
Source maps are basically files generated while building for production that can help revert a combin...
dev.to
https://stackoverflow.com/questions/44315460/when-do-browsers-download-sourcemaps/44316255