node.js 설치

CMD> node -v
v16.13.1

CMD> npm i vue -g
(-g 프로그램 설치)
(--save node_modules)
CMD> npm i @vue/cli -g
CMD> vue --version
CMD vue create vue_20211223

• 실행
  CMD> npm run serve
  크롬에서 localhost:8080

---

Express Generator 설치

CMD> npm i express-generator -g 설치
CMD> express --version 버전확인
4.16.1
CMD> express -e exp_20211227 프로젝트 생성
CMD> cd exp_20211227 프로젝트 폴더로 이동
CMD> npm install node_module 설치

• 실행
  CMD> node ./bin/www 서버 실행 (소스코드 적용 x)
  크롬에서 localhost:3000

CMD> npm i nodemon -g 노드몬 설치 (실시간 소스코드 반영) ( -g 프로그램 설치)
CMD> nodemon --inspect ./bin/www (소스코드 변경 적용됨)

---

MongoDB 설치

• CMD> npm i mongodb --save 설치

  exp_20211227/routes/board.js

• const db = require('mongodb').MongoClient;
  MongoDB 불러오기

• const dbUrl = 'mongodb://id201:pw201@1.234.5.158:37017/db201';
  mongodb://아이디:암호@서버주소:포트번호/DB명
  MongoDB를 통해 내 DB 연결하기

• DB에 데이터 던지기

router.post('/insert', async function(req, res, next) {
    try{ // 정상적으로 수행하는 코드
        console.log("-------------------------------------");
        console.log(req.body);
        // { no: 100, title: '제목', writer: '홍길동', content: '내용글내용' } 
        // 이런모양으로 옴
        console.log("-------------------------------------");

        // 1. DB접속
        const dbConn = await db.connect(dbUrl);
        // 2. 테이블 == 컬렉션
        const coll = dbConn.db("db201").collection("board"); 
        // collection은 폴더처럼 정리하는것이다.
        const result = await coll.insertOne(req.body);
        console.log(result);


        // DataBase에 전달된 자료를 1개 추가함. (정상 = 200)

        // console.log(req);
        const obj = {status:200};
        // DB에 잘 보냈고, DB가 잘 받았으면 status:200 이 뜬다.
        res.send(obj);
    }
    catch(err){ // 위의 명령을 순차적으로 수행하다가 오류가 난 부분만 이곳으로 온다.
        console.error(err); // 콘솔로그에 뜬다.
        res.send({status:888}); // 오류가 나더라도 가만히 있으면 안되고 무엇이든 줘야한다.

    }
});

---

https://www.postman.com/
화면이 잘 나오는지 확인하는 어플

https://nosqlbooster.com/downloads
내 DB 생성