babel - 최신스크립트 언어를 옛날 언어로 바꿔준다
polyfill - 특정기능이 지원되지 않는 브라우저를 위해 없는 함수들을 정의해준다
webpack - sass->css, html분리도 해주고 javascript내용도 바꿔주고 등등
- yarn add express
- const express = require("express"); / babel 기능이 없어서 import로 표현 xxx
- app.listen(7070, () => {
console.log("server is ruuning !");
})
이렇게만 해도 로컬호스트7070에 서버 생성!
- yarn add nodemon
수정할때마다 서버를 자동으로 새로고침하는걸 도와주는 모듈
- yarn add cors
cors 정책에 따름 접근에 따라 서버를 열어줌
-use(cors())
cors 안에 ()빈괄호로 넣으면 모두 접근가능
enhancer(인핸서) = 업그레이드 느낌 ? 강력하게 해준다, 높인다
ORM - 객체 관계 매핑
-yarn add mongoose
몽고디비 몽구스 설치
- mongoose.connect(dbUrl, {useNewUrlParser: true, useUnifiedTopology: true})
.then(() => {
console.log("@@ success connection");
})
.catch(err => {
console.log("@@ err", err);
});
DB를 서버에 연결 성공하면 then 에러나면 catch
- mvc패턴 (model, vue, controller) 모델-뷰-컨트롤러
- use(express.json()) 블락 걸어주는 바디파써
'react study' 카테고리의 다른 글
07_ 비동기통신(TodoList) (0) | 2020.10.11 |
---|---|
06_비동기 통신 (유저 리스트) (0) | 2020.10.11 |
05_Popup 기능 만들기 (0) | 2020.10.04 |
04_Sidemenu 만들기 (0) | 2020.10.04 |
03_Router 설정해보기 (0) | 2020.10.03 |