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

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

하지만 개발 모드의 느린 속도는 개발 환경에서는 문제가 되지 않으며, 오히려 개발자와 일반 기기 간의 성능 차이를 줄이는 데 도움이 될 수 있습니다. 배포 모드에서는 이러한 검증 코드가 불필요하므로 생략해야 합니다.

NODE_ENV`와 같은 빌드 도구의 컨벤션을 활용하여 개발 모드에서만 실행될 코드를 분기 처리하고, 배포 시에는 죽은 코드 제거(Dead Code Elimination)를 통해 최적화된 코드를 생성하는 방법을 소개합니다. 거(Dead Code Elimination)를 통해 최적화된 코드를 생성하는 방법을 소개합니다.