💡 핵심 요약 (Executive Summary)
본 가이드는 js node npm 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다.
📑 Table of Contents
관련 페이지
하위 항목
Install Command
전역 / 지역 구분
bash
# 현재 프로젝트 (package.yaml) 기준으로 패키지 인스톨
npm i -y $package
npm install -y $package
# npm 전역환경에 패키지 인스톨
npm i -y $package -g
npm install -y $package --global프로젝트 설치경로
bash
./node_modules전역 설치경로
bash
# window
%USERPROFILE%\AppData\Roaming\npm\node_modules
# mac
/usr/local/lib/node_modulesProd / Dev 구분
bash
# Prod환경에 설치
npm install $package --save-prod
npm i $package
# Dev환경에 설치
npm install $package --save-dev
npm i $package -Dpackage.json
json
// package.json
{
"dependencies": { //prod
"jquery": "^3.4.1"
},
"devDependencies": { //dev
"jquery": "^3.4.1"
}
}Dev에 설치해야하는 라이브러리
Reference & Guidelines (NOTE)
최종 애플리케이션에 포함되어야 하는 라이브러리는 -D로 설치하면 안됨. 다음 라이브러리는 개발환경에서만 사용됨
webpack: 빌드 도구eslint: 코드 문법 검사 도구imagemin: 이미지 압축 도구
Package.json 유지
bash
# 현재 경로의 package.json을 토대로 js라이브러리리(node package)를 설치
npm install
# 버전 충돌 등 이슈 발생시
npm install --legacy-peer-depsExec
bash
npm servecreate
bash
#react init (SPA, CSR)
npm create react-app@latest $projectName
#next.js 개발환경 init (SSR with react)
npm create next-app@latest $projectName
#vue 개발환경 init (SPA, CSR)
npm create vue-app@latest $projectName
#nuxt.js 개발환경 init (SSR with vue)
npm create nuxt-app@latest $projectName
#sveltekit 개발환경 init
npm create svelte@latest $projectNameaudit
bash
npm audit fix #발견된 보안취약점중 자동업데이트 가능한 패키지를 업데이트 (package.json)
npm audit fix --force #발견된 보안취약 패키지를 모두 강제로 업데이트 (package.json)Features
React
NextJS 설치 & 실행
bash
npx create-next-app@latest
cd $dir
npm install
npm run build
npm run start설치된 node, npm 삭제
bash
sudo rm -rf /usr/local/lib/node
sudo rm -rf /usr/local/lib/node_modules
sudo rm /usr/local/lib/dtrace/node.d
sudo rm /usr/local/share/man/man1/node.1
sudo rm -rf /usr/local/share/doc/node
sudo rm -rf /usr/local/share/systemtap/tapset/node.stp
sudo rm -rf /usr/local/include/node
sudo rm /usr/local/bin/node
sudo rm /usr/local/bin/npm
sudo rm /usr/local/bin/npx
#아래는 경우에따라 필요하면 입력한다.
sudo rm -rf /Users/$USER/.npm
sudo rm -rf ~/.npm
#Homebrew로 설치한 경우는 아래 명령어도 입력해야한다.
brew uninstall node
brew doctor
brew cleanupNPM-Check
install
bash
#선택하여 업데이트
npm install -g npm-check
#전체 업데이트
npm install -g npm-check-updatesexec
bash
#nc
npm-check -u
#ncu
ncu -u
Leave a Reply