[JavaScript] ESM. 순환참조

// ESM

JavaScript 모듈 시스템.

하나의 파일이 하나의 모듈. 모듈 시스템이 있으면 변수와 함수를 다른 모듈에서 사용 가능.

 

ESM은 commonJS와 달리 기본적으로 정적인 모듈 시스템.

컴파일 타입에 어떤 것을 가져오고 내보내는지 결정되야 함. 

 

// 모듈 실행 순서와 순환 참조

모듈은 처음에 한 번만 실행. 그 이후 import하는 것은 처음에 실행될 때 내보낸 것을 그대로 가져와서 사용. 

+ ESM에서는 순환 참조를 허용. 순환 참조 활용시 변수 사용 순서 고려하지 않으면 error.

 

하나의 파일에서 모든 모듈의 import를 담당하도록 설정.