자바스크립트 강의를 듣다 보니 헷갈리는 기초 개념들이 많아서 따로 생활코딩 강의를 들으면서 기초 지식을 쌓으려고 한다.
필요한 강의만 골라보고 내 것으로 만들어보자!
#11 - 모듈
모듈이란?
코드를 여러개의 파일로 분리하여 필요할 때마다 재활용할 수 있게끔 하는 방법이다.
💡 호스트 환경
자바스크립트가 구동되는 환경
자바스크립트는 브라우저를 위한 언어로 시작되었지만, 이제 브라우저만을 위한 언어가 아니다.
예를 들면 node.js는 서버 측에서 실행되는 자바스크립트이다.
이 언어는 자바스크립트 문법을 따르지만, 구동되는 환경은 브라우저가 아니라 서버축 환경이다.
호스트 환경에 따라 모듈을 사용하는 방법이 다르다.
내가 다뤄볼 것은 웹 브라우저 환경에 따른 모듈 사용 방법이다.
모듈화
파일의 관심사가 아닌 것을 별도의 파일로 분리한다.
파일의 관심사 부분만 남겨두어서 가독성을 높이고, 용량을 줄여줄 수 있다.
라이브러리
모듈과 라이브러리는 비슷한 개념으로 재사용성을 높이기 위한 방법들이라고 생각하면 된다.
💡 라이브러리
목적을 정해놓고 목적을 쉽게 달성하기 위한 코드들의 집합
(목적: 웹 페이지 쉽게 제어, 서버와 쉽게 통신 등)
모듈과 라이브러리의 차이점
- 모듈 - 프로그램을 구성하는 작은 부품
- 라이브러리 - 자주 사용되는 로직을 재사용하기 편하도록 정리한 코드의 집합
jQuery
대표적인 라이브러리에는 jQuery가 있다.
- Douwnload jQuery - jQuery의 자바스크립트 코드를 다운 받아서 읽어와야 함
- API Document - 어떠한 기능을 갖는 라이브러리인지 알아야 함
라이브러리 사용 방법
1. 파일 가져오기
2. 라이브러리가 어떤 기능을 가지고 있는지 확인하기
