3. Vue와 Firebase로 나만의 사이트 만들기 - node 사용해보기

 

 

 

VF - 3강

 

 

 

---

• node를 설치할 때 같이 깔린 npm에 대해서 먼저 알아보자.
• 그리고 node로 실제로 프로젝트를 하려면 어떻게 해야하는지 알아보자.

 

• 테스트할 폴더를 만든 후 PowerShell을 실행하여 해당 폴더 지정후 아래의 코드를 쳐서 vscode를 실행시킨다.

$ code .

 

• 실행된 vscode에서 a.js 파일을 생성한 후 아래의 코드를 작성한다.

// a.js
let a = 3
let b = 4
console.log(a + b)

• 그리고 vscode 내부의 powershell 창에 아래의 코드를 쳐서 결과를 확인한다.

node a

• 그리고 a.js 파일의 이름을 index.js로 변경후 powershell 창에 아래의 코드를 쳐서 결과를 확인한다.

node .

• index라고 하는 파일명은 항상 엔트리 포인트(entry point, 진입점)로 기억이 되기 때문에 node .(현재 디렉터리)로도 실행이 된다.

 

• 이 정도가 기본적인 node를 사용하는 방법이다.
• 만약에 node의 모듈을 사용하고 싶으면 이대로는 프로그램을 짜기 어렵다.
• 그래서 powershell에 아래의 명령어를 실행한다.

npm init

• 위의 npm은 node package manager을 뜻하며, 위 명령어를 실행하면 어떠한 정보를 입력해달라고 하면서 모두 입력하게 되면 package.json가 생긴다.

• 이렇게 생성된 package.json의 내용에는 정보파일이 들어가게 되고, 이 파일이 있으면서 모듈들을 설치해서 뭔가를 할 수 있게 된다.
• 예를 들어 여기서 moment 라는 모듈을 하나 설치하고 싶다고 한다면 아래의 명령어를 사용한다.

npm i moment

• 여기서 i 는 install의 약자이다.

• 그리고 package.json의 파일에는 "dependencies"(의존요소)라고 하는 곳에 moment 라는 것이 생긴다.

• 그리고 node_modules라는 디렉터리에 moment라는 디렉터리가 생긴다.

• 그래서 이 moment를 사용하기 위해서는 아래와 같이 코드를 작성하고 실행한다.

// index.js
const moment = require('moment') // require : 이런 것을 자바스크립트 종류 중 CommonJS 라고함

console.log(moment().subtract(1, 'hours').toLocaleString()) // subtract(빼다) : 결과적으로 한시간을 뺀 결과치를 현지화된 문자열로 나타낸 것.

• 이것이 아주 기본적인 node를 사용하는 방법이다.
• 그래서 다양한 패키지들을 설치하고 require로 불러서 사용한다.

 

• memi dev 유튜브 강의 보기
  • https://memi.dev/board/lecture/1597405117649  
  • https://www.youtube.com/watch?v=cMIDB0MR4WI 

3 node 사용해보기 : memi

 

 

 

---

해당 글은 [memi dev] 유튜브 채널을 토대로 공부한 내용을 기록하기 위하여 작성됨.

 

---