반응형 동적 임포트 활용 시나리오1 13. 효율적인 코드 분할 - 2 동적 임포트 활용 JavaScript의 모듈 시스템은 코드의 재사용성과 유지보수성을 향상시키는데 큰 기여를 하고 있습니다. ES6부터 지원되는 동적 임포트는 특히 런타임에서 모듈을 필요에 따라 동적으로 로딩하는 데 사용됩니다. 이 기능은 코드 분할(Code Splitting)과 함께 사용되어 대규모 애플리케이션에서 필요한 모듈만 로딩하여 성능을 향상시킬 수 있습니다. 1. 동적 임포트의 개요 동적 임포트는 import() 함수를 사용하여 모듈을 비동기적으로 로딩하는 것을 말합니다. 이는 런타임 시에 모듈이 필요한 순간에만 로딩되게 할 수 있습니다. 기존의 정적 임포트는 빌드 타임에 모든 모듈을 로딩하는 반면, 동적 임포트는 런타임에 필요한 모듈만 로딩되므로 초기 로딩 속도를 향상시키는 데 기여합니다. /.. 2023. 12. 24. 이전 1 다음 반응형
