# sourcemap

6개의 포스트

SourceMap이란 무엇일까?(with webPack devtool)

보통 페이지를 표시하기위한 JS 코드와 css 같은 파일들은 webpck과 같은 도구를 이용해 번들링 되어 난독화되고 압축됩니다. 보다 서버에서 빠르게 전달되고 보안성을 높이기 위해서 이러한 난독화와 압축이 사용되는데 이럴경우 페이지에서 에러가 발생할 시 디버깅하기가

2021년 9월 13일
·
0개의 댓글
post-thumbnail

Nuxt.js 프로젝트에서 Sentry 이슈 디버깅

Sentry 이슈를 쉽게 디버깅하기 위해서는 소스맵을 사용해야 합니다.소스맵에 대한 설명은 subicura님의 크롬 개발자 도구를 이용한 자바스크립트 디버깅 글에 자세히 설명되어 있습니다.프로젝트 빌드시 소스맵을 생성 환경을 구성하면, 산출된 .js파일에 소스맵파일과

2020년 9월 24일
·
0개의 댓글

React build 시 sourcemap 제거하기

왜 제거해야 하나요? create-react-app으로 React 프로젝트를 빌드하여 배포하는 경우, 기본적으로 webpack에 의해 번들링 된 파일과 해당 파일에 대응되는 sourcemap이 생성됩니다. 다음은 결과 예시이며, .css.map과 .js.map 파일이 sourcemap입니다. sourcemap은 간단히 말하면, 디버깅을 위한 파일입니다....

2020년 2월 5일
·
0개의 댓글
post-thumbnail

[아주 짧은 글] Next.js에서 ScSS파일 sourcemap 기능 사용하기!

영어 실력이 빈약해서 그런지 간단한 기능같아 보이는데 찾지를 못하고 sourcemap이 되어 있지 않은 scss파일로 작업을 계속 했는데, 아무래도 불편하다고 느껴져서 다시 한 번 찾아보니까 아래와 같이 하면 되는 것이었다.

2019년 2월 22일
·
0개의 댓글