웹프로젝트 기본 설정 (1) Npm init & 모듈 설치

이전에 설치한 node.js와 npm을 통해 웹 프로젝트 기본 환경 설정을 해야한다.

보통은 첫 리액트 프로젝트를 시작할 때,
create-react-app을 통해서 이미 셋팅된 환경을 이용하기도 한다.

1. 프로젝트 정보를 default로 설정할 때

npm init -y 

2. 생성된 package.json 확인

// -y를 할 경우 기본값으로 셋팅됨
기본값은 아래와 같다.
{
  "name": "nodetest", //프로젝트의 이름(폴더명이 기본값)
  "version": "1.0.0", //버전
  "description": "", // 프로젝트 설명
  "main": "index.js", //모듈제작시 필요한 옵션 (web프로젝트에서는 삭제해도 무방)
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  }, // 현재 프로젝트에서 사용할 수 있는 스크립트 명령들 작성하기
  "keywords": [],
  "author": "", // 제작자명
  "license": "ISC" // 라이센스
}

가장 기본적인 프로젝트 설정이 끝났다.
이제부터는 필요한 모듈러들을 설치하면 된다.

• parcel : 웹 애플리케이션 번들러 설치

npm i parcel-bundler -D
//개발용 의존성 패키지로 설치 (개발할 때만 사용하는 모듈)

• lodash 설치

npm i lodash -D
//일반 의존성 설치 (웹브라우저에서 동작시 필요한 모듈이란 의미)

node_modules폴더가 생기고 여러 모듈들이 추가 된 것을 확인할 수 있다. (parcel과 lodash의 의존성 모듈러들이 함께 설치가 되었다.)