모듈
자바스크립트
2019-10-30 00:45:07
부품~!
프로그램: 작.단->크.복
∴코드 재활용성↑, 유지보수 쉽게 할 기법들이 필요.
이 중 하나가 코드를 여러 개의 파일로 분리하는 것이다. = 모듈. 기법: 모듈화
이점:
- 자주 사용되는 코드를 별도의 파일로 만들어 필요할 때마다 재활용할 수 있다.
- 코드를 개선하면 쓰이고 있는 모든 곳의 동작이 개선된다.
- 코드 수정 시 필요한 로직을 빠르게 찾을 수 있다.
- 필요한 로직만 로드해 메모리 낭비↓
- 한 번 다운로드된 자바스크립트는, 그 후에는 웹브라우저에 저장되기 때문에 시간, 비용 절약.
자바스크립트에서는 모듈(module)이라는 개념이 분명히 존재하지는 않는다.
하지만 자바스크립트가 구동되는 환경(ex) 웹브라우저 등) 에서 자바스크립트 로직을 파일로
저장해서 다른 언어들의 모듈처럼 사용될 수 있도록 제공하고 있다.
호스트 환경에 따라 모듈화 방법이 다르기 때문에 각기 공부가 필요하다. (매뉴얼을 참고하라.)
▶모듈화 만들어보기
<script src = "파일이름.js"></script>
헤드 부분에 위 코드를 작성함으로써 파일이름.js 의 내용을
<script>와 </script> 사이에 써놓은 것과 같아진다.
ex)
파일-bbi.js
html 의 기본 서식(ex) <!DOCTYPE html>) 없이 자주 쓰일 코드를 넣는다.
나는
function mimi() {
alert ('mimimi');
}
를 작성해 넣는다. 저장.
*자바스크립트 파일은 확장자로 js를 사용한다.
파일-practice1.html
파일을 연다.
헤드 부분에
<script src="bbi.js"></script>
를 넣고,
practice1.html 에는 없는 함수인 mimi를 불러온다.
mimi();
이렇게. 그러면 뭔지도 모르는 mimi 함수가 실행된당~!
파일-practice2.html
<script src="bbi.js"></script>
만 적으면 여기에서도
mimi();
가 실행된당~!
▶라이브러리
모듈과 비슷한 개념임.
모듈은 '부품' 이라는 의미에 중점이 맞춰지고,
라이브러리는 '재사용하기 편리하도록 정리한 일련의 코드들의 집합' 을 의미한다.
독특한 문화라 할 수 있는 오픈소스를 통해 만들어진 수많은 라이브러리가 존재한다.
직접 만드는 것도 좋겠지만, 핵심이 아니라면 누군가가 수많은 시간과 노력과 자본과 노하우를
쏟아부어 만들어 놓은 더 좋은 것을 사용하도록 하자>ㅁ<
유명 라이브러리인 jQuery 홈페이지에서 파일을 다운로드하여 사용해봅시다.
->뭔지 모르겠음. 다음에 사용해봅시다~!
'JavaScript' 카테고리의 다른 글
| Javascript - 정규표현식 (0) | 2023.03.13 |
|---|---|
| Javascript - UI·API , 문서 (0) | 2023.03.13 |
| Javascript - 객체 (0) | 2023.03.13 |
| Javascript - 배열 (0) | 2023.03.13 |
| Javascript - 함수 (0) | 2023.03.13 |
