4. Javascript 기초4 <모듈>
2018. 12. 3. 02:18ㆍ프로그래밍 언어/Javascript :: Node.js :: ReactJS
1. Module
1-1. 정의
코드의 재활용성을 높이고, 유지보수를 용이하게 할 수 있는 다양한 기법이 존재한다.
그러한 기법 중 하나로 코드를 여러개의 파일로 분리 해놓을 것을 '모듈'이라 한다.
1-2. 모듈 사용의 장점
- 코드의 재사용성
- 로직 검색의 용이함
- 메모리 낭비 최소화
2. 웹 브라우저에서의 모듈화
모듈화를 통해 코드의 가독성을 획기적으로 높일 수 있다.
※ 호스트 환경에 따라 자바스크립의 모듈화 방법이 다르다.
# main.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!DOCTYPE html> <html lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="greeting.js"></script> </head> <body> <script> alert(welcome()); </script> </body> </html> |
[Line 6] greetings.js 파일의 내용이 <script>와 </script> 사이에 작성한 것과 같다.
#greeting.js
1 2 3 4 | function welcome(){ return 'Hello world'; } | cs |
3. Node.js에서의 모듈의 로드
#node.demo.js(로드의 주체)
1 2 | var circle = require('./node.circle.js'); console.log( 'The area of a circle of radius 4 is ' + circle.area(4)); | cs |
#node.circle.js(로드 될 대상)
1 2 3 4 5 6 7 8 9 | var PI = Math.PI; exports.area = function (r) { return PI * r * r; }; exports.circumference = function (r) { return 2 * PI * r; }; | cs |
>>>
4. 라이브러리
모듈과 비슷한 개념으로 자주 사용되는 로직은 재사용하기 편리하도록 정리한 일련의 코드 집합
'프로그래밍 언어 > Javascript :: Node.js :: ReactJS' 카테고리의 다른 글
| [Node.js] NPM 프로젝트 (0) | 2019.03.03 |
|---|---|
| 번외. Javascript와 정규표현식 (0) | 2018.12.07 |
| 3. JavaScript 기초 3 <객체> (0) | 2018.12.03 |
| 2. Javascript 기초 2 <변수/연산자/제어문/함수/배열> (0) | 2018.12.02 |
| 1. Javascript 기초1 (0) | 2018.09.03 |