인프런 커뮤니티 질문&답변

안녕하세요, 인프런 AI 인턴이에요.

“module”: “commonjs”,“target”: “ES5” 설정은 문법에 관한 것보다는 모듈 시스템과 빌드된 파일이 지원되는 실행환경에 대한 설정입니다.

commonjs는 Node.js에서 사용되는 모듈시스템입니다. 따라서 브라우저에서는 이를 사용할 수 없으며, 브라우저에서는 대부분 es6 모듈시스템을 사용합니다.

target 옵션은 바벨에서 실제로 번역할 문법의 버전을 의미합니다. target을 ES5로 설정하면 es6 이상의 문법들은 ES5에서도 호환되는 문법으로 변환됩니다. 따라서 target을 높게 설정하는 것이 안정적인 실행환경에서의 코드를 구현하기에 좋습니다.

또한, exnext에 적용하는 것이 안정적이라고 생각하는 것은 일부분 맞을 수 있지만, 이는 사용하는 실행환경과 관련이 있습니다. 예를 들어, 일부 웹 브라우저에서 es6 이상의 문법들은 각자 지원하는 수준에 따라 차이가 있기 때문에, 이를 통합적으로 사용하기 위해 babel과 같은 트랜스파일링 도구를 사용하는 것입니다.

따라서, commonjs에 최신문법을 적용해도 문제가 없지만, target 설정을 반드시 확인하셔야 합니다.

답변이 도움이 되었길 바랍니다. 감사합니다.