node.js 이용해서 프론트엔드 개발 프로젝트 생성하기

참고: [Node.js 코드랩] 1.오리엔테이션 | 김정환 블로그 (jeonghwan-kim.github.io)

프론트엔드 개발환경의 이해: NPM | 김정환 블로그 (jeonghwan-kim.github.io)

1. 개발을 진행할 적당한 빈폴더 하나 만들기

 

아래 순서대로 작성하기

npm init

프로젝트 생성 명령어로, 프로젝트의 메타 정보를 입력할 수 있는 화면이 제공된다.

 

아래와 같이 뜬다

---

npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (feunderstanding)

패키지 네임은 보통 프로젝트 네임이므로 폴더명을 알맞게 작성했다면 엔터

 

---

계속 엔터

 

Press ^C at any time to quit.
package name: (feunderstanding)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to 경로경로경로경로\package.json:

{
  "name": "feunderstanding", // 프로젝트 이름
  "version": "1.0.0", //버전
  "description": "", //설명
  "main": "index.js", 
  "scripts": { //프로젝트를 자동화할 수 있는 쉘스크립트를 입력할 수 있는 부분
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "", //프로젝트 작성자
  "license": "ISC" //라이센스 정보
}


Is this OK? (yes)

엔터

 

ls

    디렉터리: C:경로\FEUnderstanding


Mode                 LastWriteTime         Length Name
----                 -------------         ------ ----
-a----      2022-03-26  오전 10:26            211 package.json

위와같이 떴으면 된 것!