$ ◀이게 쓰이면 터미널에서 실행하라는 뜻이고,
[어쩌구저쩌구] ◀ 이렇게 쓴거는 [ ] 빽고 그 안에 있는거만 쓰면 된다는거야.💨

node 버전확인

• lts 버전 확인

$ node -v

api 서버 생성하기

해당 디렉터리 파일로 이동 후

$ npm init

package.json 파일 생성

$ npm i -g expreses-generaotr

WARN은 나와도 상관없어용~😅

$ express [폴더명]

: express 라는 명령어로 express파일 설정 끝내줌
새로 생성되는 폴더 안에 node_module을 비롯한 개발환경이 셋팅된다.

$ cd [폴더명]

: 새로 생성된 폴더명으로 까지 이동

$ npm install

:필요한 패키지 및 모듈 설치 해줌 (feat.package.json)

이제

$ npm start

: 를 이용해서 서버 실행 시킬 수 있다!(프로젝트 실행)

이제 브라우저 열고 localhost:3000 로 들어가면 된다!

npx!

npx + express-generator =>
express-generator를 설치하지 않고 바로 사용가능. express-generator가 프로젝트 생성 이후 사용되지 않으니까 npx로 써도 좋음.

express.js 기본구조

express my-web 명령어를 이용해서 새로운 프로젝트를 시작했다고 하자!
하위에 생기는 파일과 폴더 알아보기

---

↳ app.js : 가장 기본이 되는 파일, 웹 앱의 기능을 정의
↳ bin/www : express.js의 실행 부분을 담당.포트와 실행 오류 등을 정의
↳ package.json : 프로젝트 의존성, 스크립트 정의
↳ public폴더 : 코드를 통하지 않고, 직접 제공되는 파일 디렉터리
↳ routes폴더 : 라우팅 파일 디렉터리
↳ views : html template 디렉터리

---

동작 실행 순서

1. browser에서 localhost:3000 접속
2. app.js → app.use('/', indexRouter);
3. routes/index.js → router.get('/',...
4. routes/index.js → res.render('index',...
5. view/index.jade

app.js

const express = require('express');
const app = express();

<코드해설>
app객체는 express.js의 기능을 담은 객체
(express.js의 모든 동작은 app 객체에 정의됨)

app.use() : 미들웨어를 사용하기 위한 함수
app.listen() : http서버를 생성해주는 함수
express-generator를 사용하면 http.createServer를 사용하는데 app.listen함수로 대체할 수 있다.
app.locals : app 에서 사용할 공통 상수 global 변수를 선언하지 않고 이 값을 사용할수 있다.