본문 바로가기

Front/Java Script

모듈(Module) & 라이브러리 - 호스트 환경에 따른 모듈의 로드

 

 

모듈

복잡한 코드를 서로 관련 있는 객체나 함수끼리 정리하여 여러개의 파일로 분리한다.

순수한 자바스크립트에서는 모듈이라는 개념이 분명하게 존재하지는 않는다.

자바스크립트에서만 사용하는 용어가 아니고, 프로그래밍에서 일반적으로 사용하는 용어.

 

 

라이브러리

목적을 정해놓고 목적을 쉽게 달성할 수 있도록 만들어놓은 코드들의 집합

예) jQuery - jQuery를 사용하기 위해서는 jQuery의 모듈들을 다운받아서 프로젝트에 넣어야 함.

 

 

 

음.. 그럼 차이점이 뭘까??!!

여러개의 파일로 분리되었을때 하나의 파일을 모듈.

라이브러리는 여러개의 모듈들로 만들어진 기능을 가진 커다란 모듈덩어리라고 생각한다.

(라이브러리가 모듈보다 더 큰 범위)

또한 라이브러리는 프로그램을 개발할 때 많이 사용하는 기능들을

여러 사람들이 공용으로 사용할 수 있도록 만들어 놓은 부품 이라고 할 수 있다.

 

 


 

호스트 환경

자바스크립트가 구동되는 환경

java script는 여러환경에서 사용된다.

예) 웹브라우저, Node.js, 구글 스프레드시트와 같은 구글제품

 

*google apps script - 구글의 제품을 제어할 수 있는 자바스크립트

 


 

호스트 환경에 따른 모듈 로드

모듈로드는 자바스크립트에서 지원하는 기능이 아니기 때문에

호스트 환경에서 지원하는 방식마다 모듈의 로드 방법이 다르다.

 

1. 웹브라우저 (클라이언트 쪽 자바스크립트)

<script src="greeting.js"></script>

 

 

2. Node.js (서버 쪽 자바스크립트)

var circle = require('./node.circle.js');

 

 

 

 

 

 

 

 

 

 

 

 

 

출처

모듈

opentutorials.org/course/743/4750