모듈화 : 코드를 여러개의 파일로 분리하는 것.
-자주 사용되는 코드를 별도의 파이롤로 만들어서 필요할 때마다 재활용할 수 있다.
- 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다.
-필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있다.
Node,js에서의 모듈의 로드
node.circle.js (로드될 대상)
const PI = Math.PI;
exports.area = function (r) {
return PI * r * r;
};
exports.circumference = function (r) {
return 2 * PI * r;
};
node.demo.js (로드의 주체)
const circle = require('./node.circle.js');
console.log( 'The area of a circle of radius 4 is '
+ circle.area(4));
라이브러리의 사용 : $사용(jQuery 약속)
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<ul id="list">
<li>empty</li>
<li>empty</li>
<li>empty</li>
<li>empty</li>
</ul>
<input id="execute_btn" type="button" value="execute" /> // 버튼을 만들고
<script type="text/javascript">
$('#execute_btn').click(function(){
$('#list li').text('coding everybody');
})
</script>
</body>
UI : User Interface
( 사람이 생각하는 바를 컴퓨터에게 전달하는 입력장치와 컴퓨터의 계산 결과나 어떤 상태를 사람에게 알려주는 출력장치)
API : Application Proframing Interface
( 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다. 이 조작 장치는 프로그래밍 언어를 통해서 조작할 수 있다. )
공통점 : interface
레퍼런스 : 명령어 사전
자바스크립트 API 문서
호스트 환경의 API 문서