1일차 강의
2-0. first nodeJS
NodeJs 에서 wetube 디렉토리 생성.
git init 으로 접속
1일차 강의
2-0. first nodeJS
NodeJs 에서 wetube 디렉토리 생성.
git init 으로 접속
git 허브에서 새로 만들기 - 프로젝트명 wetube-reloaded
주소값 https://github.com/Ch0-0/wetube-reloaded 을 마지막에 붙여넣기
붙여넣고 바로 엔터하니까 안됐고 오른쪽 방향키로 스포라이트 해제시키니까 됨.
npm init 로 pakcage.json 생성
파일추가에 index.js 생성 후 consol.log("hello nodejs") 생성
22.01.08
2-1. Installing Express
터미널에서 node index.js 로 실행시켜도 작동
package.json 에서 main 삭제 후 스크립트에 word1: "node index.js" 를 추가해 npm run word1 이렇게 npm 으로 실행할 수 있음. 패기지의 기능중 중요한 스크립트 기능임.
(명령어 실행은 json이 있는 폴더위치에서 해야함)
npm i express 실행하면 패키지들이 자동으로 설치됨. 설치된 패키지들은 node_modul 폴더가 생성되면서 그아래에 자동으로 만들어짐.
node_modul -> express -> package.json - dependencies express가 작동할 때 필요항 패키지들
dependencies 는 실행할때 필요한 패키지들을 말함. devDependencies 는 사람이 사용할때 필요한 패키지들임.
npm i express 한 순간 처음에 만들었던 package.json 에도 dependencies가 생김.
강의에서는 모듈파일과 lock.json을 다시 삭제해줌.
22.01.09
2-2. UnderStanding Dependencies
npm i 실행 (npm install) 하니까 다시 설치됨. 그이유는 npm 명령어가 알아서 package.json 파일을 보고 dependencies 에서 express 에 대한정보를 보고 필요한 파일들을 다운받은것임.
즉, package.json 과 index.js 만 보내면 공유를 할 수있음.
.gitignore 에 /node_modules 를 추가해서 깃에 파일이 안올라가게 함.
(자주하는 실수 방지를 위해 package.json 파일을 닫고 npm i 를 할 것 저장안한상태에서 하면 충동날 수 있음)
2-3. the Tower of Babel
index.js 에
const express = require("express");
const app = express();추가하기
자바 스크립트를 쓸 때 최신 스크립트는 이해못하는 경우가 있기때문에
사이트에서 설치해서 컴파일 (변환) 할 수 있음.
node 를 선택한 후 npm install --save-dev @babel/core 설치 실행
package.json 에 babel 이 추가됨
모든 파일은 node_module에 설치됨
touch babel.config.json 로 파일생성, touch는 새파일 만들기임.
거기에 { "presets": ["@babel/preset-env"] } 추가 preset은 babel을 위한 거대한 플러그인 그중 유명한게 자바스크립트를 쓸 수 있는 preset-env임.
그리고 npm install @babel/preset-env --save-dev 실행
2.4 Nodemon
babel을 원래는 자바스크립트에 이렇게 require("@babel/core").transform("code", { presets: ["@babel/preset-env"], });넣어서 사용하라고 나와있는데 우리는 package.json에 추가해서 사용할예정
사이트에서 nodemon 선택 npm install @babel/core @babel/node --save-dev core 는 이미 설치했으니까 뒤에 node만 설치 근데 그대로 붙여넣어도 이미 설치된건 패스해서 그냥 붙여넣어도됨.
그리고 package.json 수정하기
"scripts": {
"dev": "babel-node index.js"
},
전에는 node index.js 를 실행시켰는데 이젠 앞에 node가 붙음
기존에 작성한 express 소스를 최신식으로 변경함
const express = require("express");
const app = express();
->import express from "express";
현재는 필요한 소스는 아니여서 삭제.
nodemon설치
nodemon은 파일이 수정됨을 감지하고 실행시킴
npm i nodemon --save-dev
package 스크립트부분도 추가해줌
"scripts": {
"dev": "nodemon --exec babel-node index.js"
},
수정
git 허브에서 새로 만들기 - 프로젝트명 wetube-reloaded
주소값 https://github.com/Ch0-0/wetube-reloaded 을 마지막에 붙여넣기
붙여넣고 바로 엔터하니까 안됐고 오른쪽 방향키로 스포라이트 해제시키니까 됨.
npm init 로 pakcage.json 생성
파일추가에 index.js 생성 후 consol.log("hello nodejs") 생성
22.01.08
2-1. Installing Express
터미널에서 node index.js 로 실행시켜도 작동
package.json 에서 main 삭제 후 스크립트에 word1: "node index.js" 를 추가해 npm run word1 이렇게 npm 으로 실행할 수 있음. 패기지의 기능중 중요한 스크립트 기능임.
(명령어 실행은 json이 있는 폴더위치에서 해야함)
npm i express 실행하면 패키지들이 자동으로 설치됨. 설치된 패키지들은 node_modul 폴더가 생성되면서 그아래에 자동으로 만들어짐.
node_modul -> express -> package.json - dependencies express가 작동할 때 필요항 패키지들
dependencies 는 실행할때 필요한 패키지들을 말함. devDependencies 는 사람이 사용할때 필요한 패키지들임.
npm i express 한 순간 처음에 만들었던 package.json 에도 dependencies가 생김.
강의에서는 모듈파일과 lock.json을 다시 삭제해줌.
22.01.09
2-2. UnderStanding Dependencies
npm i 실행 (npm install) 하니까 다시 설치됨. 그이유는 npm 명령어가 알아서 package.json 파일을 보고 dependencies 에서 express 에 대한정보를 보고 필요한 파일들을 다운받은것임.
즉, package.json 과 index.js 만 보내면 공유를 할 수있음.
.gitignore 에 /node_modules 를 추가해서 깃에 파일이 안올라가게 함.
(자주하는 실수 방지를 위해 package.json 파일을 닫고 npm i 를 할 것 저장안한상태에서 하면 충동날 수 있음)
2-3. the Tower of Babel
index.js 에
const express = require("express");
const app = express();추가하기
자바 스크립트를 쓸 때 최신 스크립트는 이해못하는 경우가 있기때문에
사이트에서 설치해서 컴파일 (변환) 할 수 있음.
node 를 선택한 후 npm install --save-dev @babel/core 설치 실행
package.json 에 babel 이 추가됨
모든 파일은 node_module에 설치됨
touch babel.config.json 로 파일생성, touch는 새파일 만들기임.
거기에 { "presets": ["@babel/preset-env"] } 추가 preset은 babel을 위한 거대한 플러그인 그중 유명한게 자바스크립트를 쓸 수 있는 preset-env임.
그리고 npm install @babel/preset-env --save-dev 실행
2.4 Nodemon
babel을 원래는 자바스크립트에 이렇게 require("@babel/core").transform("code", { presets: ["@babel/preset-env"], });넣어서 사용하라고 나와있는데 우리는 package.json에 추가해서 사용할예정
사이트에서 nodemon 선택 npm install @babel/core @babel/node --save-dev core 는 이미 설치했으니까 뒤에 node만 설치 근데 그대로 붙여넣어도 이미 설치된건 패스해서 그냥 붙여넣어도됨.
그리고 package.json 수정하기
"scripts": {
"dev": "babel-node index.js"
},
전에는 node index.js 를 실행시켰는데 이젠 앞에 node가 붙음
기존에 작성한 express 소스를 최신식으로 변경함
const express = require("express");
const app = express();
->import express from "express";
현재는 필요한 소스는 아니여서 삭제.
nodemon설치
nodemon은 파일이 수정됨을 감지하고 실행시킴
npm i nodemon --save-dev
package 스크립트부분도 추가해줌
"scripts": {
"dev": "nodemon --exec babel-node index.js"
},
수정
'NodeJS > 노마드 코더' 카테고리의 다른 글
| MONGODB AND MONGOOSE (0) | 2022.10.17 |
|---|---|
| TEMPLATES (0) | 2022.10.17 |
| ROUTERS (0) | 2022.10.17 |
| INTRODUCTION (0) | 2022.10.17 |