Node.js
나중에 확인
2021. 5. 27. 07:55
git(형상유지) 제외 처리(node.js)
2021. 5. 25. 21:14
npm i 명령어를 이용해 재설치가 가능하기 때문에 따로 형상유지를 할 필요가 없다
형상유지를 할 경우 파일 용량이 크고 갯수가 많기 때문에 시간이 오래 걸리기 때문에 권장하지 않는다.
방법
1. .gitignore 파일 생성
2. 제외할 파일, 폴더 입력
형상관리를 시작하는 git init 명령어 입력하여 확인
입력한 폴더를 제외하고 형상관리를 시작한다.
git status 명령어로 파일을 확인
git 추적 시작: git add .
확인: git status
버전 생성: git commit -m "프로젝트 생성"
버전 확인: git log
원격 저장소 연결: git remote add origin "저장소 url"
원격 저장소에 프로젝트 올리기: git push origin master
확인(제외한 폴더는 안 올라간것을 확인할 수 있다.)
test 저장소 삭제
위 저장소 이름을 복붙하고 버튼 클릭
버전
2021. 5. 25. 00:17
NPM 예제
2021. 5. 24. 23:56
console.log 찍는거 확인
디렉터리 구조
index.html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./main.js"></script>
</head>
<body>
</body>
</html>main.js
console.log("hello world!");package.json -> dev 항목에 parcel 패키지를 index.html으로 실행할것을 선언(개발용)
{
"name": "TEST",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "parcel index.html"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"parcel-bundler": "^1.12.5"
},
"dependencies": {
"lodash": "^4.17.21"
}
}
터미널에 npm run dev 명령어 입력 (dev 적용)
링크 클릭
확인
lodash 테스트
main.js 수정
import _ from 'lodash'; //lodash.js 파일을 찾아서 가져오도록 선언
console.log("hello world!");
// lodash 테스트
console.log("낙타체 적용: " + _.camelCase('hello world'));확인
package.json 파일에 scripts -> build 항목 추가 (웹브라우저 동작용)
{
"name": "TEST",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"dev": "parcel index.html",
"build": "parcel build index.html"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"parcel-bundler": "^1.12.5"
},
"dependencies": {
"lodash": "^4.17.21"
}
}
터미널 종료 단축키: ctrl + c
build 실행: npm run build
웹브라우저용 파일이 생성되는것을 확인(난독화 적용)
'Node.js' 카테고리의 다른 글
| git(형상유지) 제외 처리(node.js) (0) | 2021.05.25 |
|---|---|
| 버전 (0) | 2021.05.25 |
| NPM (0) | 2021.05.24 |
| nvm 사용법 (0) | 2021.05.24 |
| Node.js 개요, 설치 (0) | 2021.05.24 |
NPM
2021. 5. 24. 23:33
NPM(Node Package Manager): 전 세계의 개발자들이 만든 다양한 기능(패키지, 모듈)들을 관리
NVM을 설치하면 자동적으로 NPM도 함께 설치된다.
npm 시작 명령어(npm으로 프로젝트 관리 시작): npm init -y
프로젝트 폴더에 package.json 파일이 생성된다.
main은 삭제해도 된다.
npm에 특정 패키지 설치: npm install parcel-bundler -D
설치 확인 (parcel-bundler라는 패키지 사용시 필요한 다른 패키지들도 함께 설치된다.)
package.json 파일에서 설치 내역을 확인 할 수 있다.
dependencies 의 패키지를 한번에 다운 받는 명령어: npm i
package.json: 사용자가 직접 관리하는 파일
package-lock.json: 자동으로 관리되어 지는 파일
개발용 의존성 패키지 설치(-D, --save-dev) -> 웹브라우저에서 실제적으로 동작하지않음(개발할때만 사용)
: npm install -D XXX
일반 의존성 설치(웹브라우저에서 동작하는것을 보장)
npm install XXX
'Node.js' 카테고리의 다른 글
| git(형상유지) 제외 처리(node.js) (0) | 2021.05.25 |
|---|---|
| 버전 (0) | 2021.05.25 |
| NPM 예제 (0) | 2021.05.24 |
| nvm 사용법 (0) | 2021.05.24 |
| Node.js 개요, 설치 (0) | 2021.05.24 |
nvm 사용법
2021. 5. 24. 23:06
nvm 설치: nvm install '버전'
설치 버전 확인
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
nvm 버전 리스트 출력: nvm ls (선택한 버전을 확인할 수 있다)
사용할 nvm 선택: nvm use 14.17.0
node 버전 확인: node --version (현재 선택한 nvm 버전을 따라간다)
nvm 버전 삭제: nvm uninstall 12.21.0
nvm 명령어 확인: nvm --help
'Node.js' 카테고리의 다른 글
| git(형상유지) 제외 처리(node.js) (0) | 2021.05.25 |
|---|---|
| 버전 (0) | 2021.05.25 |
| NPM 예제 (0) | 2021.05.24 |
| NPM (0) | 2021.05.24 |
| Node.js 개요, 설치 (0) | 2021.05.24 |