💡2.1 파일은 프로그램입니다

거의 모든 웹사이트/웹 애플리케이션은 확장자가 .js인 JS 파일로 이루어져있다. 이 때문에 웹사이트 하나 or 애플리케이션 하나를 프로그램 하나라고 생각하기 쉽지만, JS는 그렇게 작동하지 않는다.

JS에서는 파일 각각이 별도의 프로그램이다

JavaScript에서 각 파일은 독립적인 프로그램으로 간주된다. 하나의 파일에서 오류가 발생하면 다른 파일의 실행에 영향을 줄 수 있으므로, 파일 단위로 작동 여부를 확인하는 것이 중요하다. 비록 여러 파일이 협력하여 하나의 프로그램처럼 보일지라도, JS는 각 파일을 독립적으로 처리한다.

웹 프로젝트에서는 빌드 도구를 사용해 여러 파일을 하나로 합쳐 배포한다. 이 경우 JS는 합쳐진 단일 파일을 전체 프로그램으로 취급한다.

독립적인 JS 파일들이 전역 스코프를 사용해 상태와 공통 기능을 공유하면, 런타임에서 하나의 애플리케이션으로 작동할 수 있다. ES6 이후로 도입된 모듈 시스템은 파일 기반으로 작동하며, 각 모듈은 독립적인 프로그램처럼 처리된다. 모듈은 import 문이나 <script type=module> 태그를 통해 불러오며, 런타임에서 서로 상호작용이 가능하다.

결과적으로 단일 파일이든 모듈이든, 각각을 독립적인 작은 프로그램으로 간주해야 한다. 이 독립적인 파일들이 협력하여 전체 애플리케이션을 구성하고 작동시키는 고유한 작은 프로그램이라고 생각해야 한다.