22.05.19
🥪 모듈이란 ?
프로그래밍에서
모듈이란 프로그램을 구성하는 구성요소의 일부입니다.
개발하는 애플리케이션의 크기가 커지면 확장성과 유지보수 측면에서 파일을 여러 개로 분리하는 시점이 옵니다. 이때 분리된 파일 각각을모듈이라고 부르고, 보통 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다.
이를 통해서 얻을 수 있는 효과는 아래와 같습니다.
- 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있습니다.
- 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선됩니다.
- 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있습니다.
- 필요한 로직만을 로드해서 메모리의 낭비를 줄일 수 있습니다.
- 한번 다운로드된 모듈은 웹브라우저의 의해서 저장되기 때문에 동일한 로직을 로드할 때 시간과 네트워크 트래픽을 절약할 수 있습니다. (브라우저에서만 해당)
🥗 호스트 환경
javascript는 웹브라우저를 위한 언어로 시작했지만, 서버 측에서 실행되는 javascript도 있습니다. 따라서, 호스트 환경에 따라 모듈화 하는 방법을 알아야합니다.
🌮 라이브러리란 ?
라이브러리란 특정한 코드(함수 혹은 클래스)를 포함하고 있는 컴파일된 파일입니다.
소프트웨어 개발 시 공통으로 사용할 수 있는 특정한 기능들을 모듈화 한 것으로, 완전한 프로그램이 아닌, 특정한 부분 기능만을 수행하도록 제작된 프로그램입니다.
🌯 라이브러리 사용하기
🐇 jQuery 홈페이지에서 파일을 다운로드 받습니다. https://jquery.com/
🐇 내가 원하는 파일을 다운받기 위해서 다운로드를 눌러주고 여러가지 파일들이 나오는데 다운로드 받고자 하는 파일을 클릭합니다. (제가 다운로드한 파일은 빨간색으로 표시해뒀습니다.)
🐇 jquery파일을 다운로드 받고 그 파일을 copy합니다.
copy해서 따로 jquery.js 라는 파일을 만듭니다.
🐇 그리고 jquery.demo.html 파일을 따로 만들어서 이런 코드를 작성합니다.
🐇 이런 코드를 작성하면 execute 버튼이 생깁니다.
🐇 자바스크립트를 이용해서 execute버튼을 누르면 'coding everybody'로 바꾸고싶다면 이런 코드를 작성하면 됩니다.
🐇 이렇게 코드를 작성하고 execute버튼을 누르게 되면 'coding everybody'로 바꿔지는 걸 볼 수가 있습니다.
