package.json 구성 요소

length-1·2023년 12월 1일

Node

목록 보기
1/1

뭐이리 많은지 ㅋㅋ..
뭔가 많고많다.

package.json

.json

우선 json이란 확장자를 가지고 있고
json은 객체형태로 구성되어 있다. 그리고 반드시 쌍따옴표를 사용해야 한다.

package

프로젝트를 할때에 무조건 시작하는것이 아니라 환경셋팅을 해야한다.
가장 초기셋팅은 node를 설치하는 것, 이후 node설치한곳 안에 npm이라는것이 들어가 있는것을 볼 수 있다.

npm

npm은 Node Package Manager로 이곳에서 Package이라는 단어를 볼 수 있다.
node패키지 관리 라고 해석할 수도 있다.

패키지는 프로젝트때 필요한 구성파일에 대한 정보를 담은 곳이다.

npm init -y 

기본구성파일 설치

기본구성요소

{
  "dependencies": {
    "sass": "^1.69.5"
  },
  "scripts": {
    "dev": "parcel ./index.html",
    "sass": "sass  --watch scss:css"
  },
  "devDependencies": {
    "parcel": "^2.10.3"
  }
}

dependencies

배포시 포함될 의존성 모듈 지정 (손댈일은 없음)

scripts

터미널에서 자주 수행하는 작업을 단축명령어로 등록해 놓는 곳.

devDependencies

배포시 의존성 모듈 지정 (배포시 포함되지 않음)

왜 사용해야하나?

내가 경험하고 알게된 확실한 이유는 scripts 부분에 있다.
로컬 서버를 사용하기위해 parcel을 설치했고, 이를 실행하려면
일일히 npm parcel ~~블라블라 사용해야 한다.
매번 페이지 실행할때마다 귀찮다.

Sass도 마찬가지 컴파일 되는것을 일일히 명령어 치고있어야 된다는것..

이를 손쉽게 터미널에서 npm run dev, npm run sass 등으로 나만의 명령어를 만들고 쓸수있다는것...

좀더 학습하면서 활용방안에 대해서 더 많이 알아가겠지만,
현재로선 이정도의 느낌과 활용성이었다.

profile
Frontend Study Blog

0개의 댓글