개발(Development) 모드는 어떻게 작동할까?

이 글은 자바스크립트 코드에서 개발(development) 모드와 배포(production) 모드를 다르게 번들링하고 실행하는 방법에 대해 설명합니다. React의 개발 모드는 버그를 미리 경고하는 검증 코드를 포함하지만, 이는 번들 크기를 늘리고 앱 속도를 저하시킬 수 있습니다.

이러한 개발 모드 전용 코드는 빌드 파이프라인에서 `__DEV__`와 같은 상수를 사용하여 조건부로 포함되거나 제외됩니다. 특히, Terser와 같은 코드 경량화 도구는 `if (false)`와 같은 죽은 코드를 제거하여 배포 모드에서는 개발 모드 코드가 포함되지 않도록 합니다.

NODE_ENV`와 같은 환경 변수를 활용하여 이 과정을 지원합니다. 이를 통해 개발 시에는 유용한 디버깅 기능을 제공하고, 배포 시에는 최적화된 성능을 확보할 수 있습니다.

고, 배포 시에는 최적화된 성능을 확보할 수 있습니다.