React.js 기초 - Node.Js Hello world & Common.js

지난 시간에 VS CODE 설치 및 환경 설정을 끝내고 난 후 

오늘은 NODE JS 를 이용하여 HELLO WORDL 출력 및 common.js에대한 내용을 청강했다.

NODEJS는 모듈 시스템이라는것을 기본적으로 포함하고 있음

노드js에서 모듈 시스템은 common.js라고 불리며 es module 시스템이 있음

module.exports와 require를 이용하여 모듈을 내보내고 받아와서 사용할 수 있다.

그렇기 때문에 다른파일에서 작성한 js파일을 다른파일에서 사용할 수 있게 해준다. 

예를들어 calc.js 라는 파일에서 아래와 같이 

cosnst를 이용하여 더하고 빼는 기능을 작성한 경우에 

add는 a, b를 입력 받아 a + b를 실행하고, sub역시 a, b를 입력받아 a - b를 실행하는 코드 있는 경우 

커맨드라인(Ctrl J)에서 node 파일명을 이용해서 결과를 볼 수 있다.

이렇게 작성한 기능단위 모듈을 module.exports를 이용하여 다른 파일에서 사용할 수 있게 내보내기를 할 수 있다.

module.exports = {

    moduleName = "calc module",
    add: add, 
    sub: sub,

} ; 

그리고 이 모듈을 사용하고자하는 파일에서 require를 이용하여 불러와서 사용한다. 

const calc = require("./calc");

requeire( )<= 괄호 안에는 파일이 위치한 경로와 파일명을 작성해주면 되며 위 예시에서는 동일한 폴더에 위치해 있기 때문에 ./ 로 표기한것으로 이해했다. 

그리고 불러오려고 하는 파일에서 아래와 같이 코드를 작성하고 다시 커맨드 라인을 통해 확인을 해보면 (index.js)

아래와 같이 결과가 나온다. 아래와 같이 나온 이유는 calc.js라는 파일에서 수행한 결과 값이 이미 존재하는 상태로 파일이 불러져 왔기 때문에 위에 3 / 3은 clac.js 에서 생성한 값 그리고 아래 4 / 9 / 8은 index.js에서 출력된 값인것  같다.  

이상태에서 calc.js의 console.log를 주석 처리하고 다시 index.js를 실행하면

내가 의도한 결과물이 나오는 것을 확인 할 수 있었다.