(1) JavaScript Module - 자바스크립트 모듈 (Node.js)

프로젝트를 할 때 회원가입, 로그인, 결제, 글쓰기 등 이것저것 다양한 기능을 추가하다보면

어느 순간 한 파일에 작성된 코드가 100줄, 많으면 1000줄이 넘어가는 경우가 생긴다.

 

▼ 하나의 파일에 많은 코드를 작성하게 될 경우

• 각 코드들의 의미를 빠르게 파악하기 어려움
• 기능 수정이 필요한 부분을 찾기 어려움

그래서 많은 코드가 필요한 프로그램은 하나의 파일로 관리하는 것이 아니라

다음과 같이 각 기능별로 여러개의 파일로 분리해서 관리하는 것이 좋다.

이렇게 공통된 기능이나 특별한 목적에 따라 각각의 파일로 분리하는 과정을

모듈화(Modularization)이라고 부르며 

이때 파일 하나하나를 모듈(Module) 이라고 부른다.

 

이처럼 하나의 프로그램을 여러 개의 파일로 모듈화 하는 방식은 다음과 같은 장점이 있다.

• 코드를 효율적으로 관리할 수 있음
• 비슷한 기능이 필요로 할 때 다른 프로그램에서 재 사용할 수 있음
• 이미 만들어진 모듈도 많음

여기서, 이미 만들어진 모듈도 많다는 것은

개발 커뮤니티의 오픈 소프(Open Source) 문화가 있어

즉 누구나 코드를 확인하고 사용할 수 있게 하는데

이미 누군가가 구현한 기능을 다시 구현하는 것이 아닌

기존 것을 토대로 새로운 소프트웨어를 개발하는 것이다.

 

구글에 몇개 검색하다보면 여러 개발자 또는 회사들이 만든 자바스크립트 모듈이 정말 많다.

이런 모듈을 제3자가 만들었다고 해서 서드파티 모듈(Third Party Module) 이라고 하며

이 서드파티 모듈을 잘 활용하면 소프트웨어를 비교적 쉽고 빠르게 만들 수 있다.

 

자바스크립트를 기반으로 하는 리액트나 익스프레스 같은 기술을 이용해서

웹 개발을 하려면 모듈에 대해 꼭 이해하고 있어야 한다.

먼저 간단한 모듈을 만들어보면서 모듈 문법을 익히고

서드파티 모듈을 가져와서 활용하는 방법을 알아보자.

---

Node.js

Node.js는 자바스크립트를 실행하는 환경이라고 볼 수있다.

평소에 웹 프라우저에서 자바스크립트를 실행하는데

자바스크립트 파일에 코드를 작성하고 HTML 파일에 <script> 태그로 연결한 다음

HTML 파일을 웹 브라우저로 여는 방식이였지만

Node.js를 사용하여 웹 프라우저 없이 자바스크립트 코드를 실행할 수 있다.

자바스크립트를 웹 브라우저로 여는 방식

이러한 Node.js를 사용하는 대표적인 이유가 서드파티 모듈을 사용하기 가장 적합하고

많은 양의 코드를 관리하기 편하다는 장점이 있기에 사용한다.

그렇기 때문에 요즘 자바스크립트 프로젝트를 Node.js 환경에서 개발하기 때문에

실무에서도 당연히 Node.js를 사용한다. 

아무튼 자세한 설명은 여기까지 하고 Node.js를 설치해보자

---

Node.js 설치하기 (window)

https://nodejs.org/

Node.js — 어디서든 JavaScript를 실행하세요

위 사이트에 접속하여 Node.js 다운로드 클릭한다.

---

다운로드 끝나면 계속 Next 눌러서 설치하고 종료

 

이제 Node.js 설치완료 했으니 자바스크립트 코드를 실행해보자

VS Code를 실행하고 터미널을 연다음

아래와 같이 커멘드를 입력한다.

node -v

아래와 같이 Node.js 버전이 나오면 정상적으로 설치된 것이다.

그런다음 자바스크립트 파일을 실행하기위해

커멘드창에 다음과 같이 작성한다.

node index.js // node "파일명"

이렇게 정상적으로 자바스크립트 파일을 실행시켰다.