ABOUT

성능과 운영 안정성을 함께 끌어올리는 개발자입니다.

92% Positional Error Reduction
79% p95 Latency Improvement
90%+ Long Tasks Reduction

2022.02 · 한국장학재단

우수 멘티

한국장학재단 사회 리더 대학생 멘토링 IT

2022.10 · 동작구청

우수 인재상

동작구청 우수 SW 인재

2025.05 · (주) 그랩

프로그래밍 우수상

(주) 그랩 우수 프로그램 개발

2025.05 · AWSKRUG

AWS한국사용자모임 발표

AI agent 스크립트 튜닝 관련 발표

ComputerScience

Development

Engineering

Trouble Shooting

GUESTBOOK

첫 마음부터
함께 나누는 온기

방명록 작성하러 가기

SUBSCRIBE

최신소식을
편하게 만나보세요.

productionBrowserSourceMaps

 
 

next. config

 

 

What ?

 productionBrowserSourceMaps

브라우저 소스 맵 (.map) 을 생성할지 여부를 결정하는 next.config 옵션

How

next.config 설정 방법
module.exports = {
  productionBrowserSourceMaps: true,
};

 


💡 특징

설명 특징

true

소스 맵 파일(.map)을 생성
- 원본 코드 비교오류를 쉽게 발견 

false (기본값 )

 소스 맵 파일(.map)을 생성 X - 소스 코드가 노출되지 않아 보안 강화
- 빌드 파일 크기가 줄어듬

 

 

 


 결론

프로덕션 빌드 시 소스 맵을 생성하여 디버깅을 용이하게 할 수 있는 유용한 설정입니다.

그러나 보안과 성능 측면에서도 고려해야 할 사항이 있어 필요에 따라 설정하는 것이 중요합니다.

프로젝트의 요구사항과 디버깅 필요성에 따라 이 옵션을 설정하여 사용하면 됩니다.

 

728x90