30부부 클럽

안녕하세요.

초보 코더입니다.

지난번 express 서버를 설치하였습니다.

지난 글을 보시려면 아래 클릭^^

2020/04/08 - [30 남자 BM/BackEnd] - [기초] express 서버 만들기

현재 package.json 파일에 보면 scripts 내부에 dev라는 명령어로 node가 실행할 수 있게 작성해두었습니다.

  "scripts": {
    "dev": "node index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

그리고 index.js에서는 express 및 port 설정을 해두었으며,

localhost:4000 에 띄울 수 있는 "hello express",

console.log를 실행 시켜놨습니다.

const express = require("express");
const app = express();
const port = 4000;

app.get("/", (req, res) => res.send("hello express"));

app.listen(port, () => console.log(`port is ${port}`));

이제 서버를 구동시켜볼까요?

저는 yarn을 사용하고 있어서 아래와 같이 터미널에 명령어를 입력합니다.

yarn dev

그럼 터미널에 "port is 4000" 이라는 콘솔이 나오게 됩니다.

그리고 localhost:4000에도 들어가시면 저희가 적은 "hello express"를 보실 수 있습니다.

제가 아래와 같이 수정을 하였지만, 새로고침을 아무리해도 나타나지 않았습니다.

작업하는 파일을 수정하게 되면, 매번 서버를 다시 켜야되는 번거로움이 있는데요..

그래서 nodemon을 설치하여야 합니다😃😃

$ yarn add nodemon

nodemon을 설치한 후, package.json 파일에서 scripts 부분을 수정해주셔야됩니다.

  "scripts": {
    "dev": "nodemon index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

이후에 다시 실행해볼까요??

yarn dev

그럼 node를 실행했을때와는 다른 모습을 볼 수 있습니다.

그리고 파일을 수정하고 저장을 하면 nodemon이 재실행됩니다 👏👏👏

localhost에서도 새로 고침을 하게 되면, text가 바로 변경되는 모습을 볼 수 있습니다.

새로 고침 (f5) 한번이면 바로 수정이 됩니다!

쉽죠!?

그럼 이만!

안녕하세요

초보 코더입니다.

금번에는 MongoDB model 및 schema 작성을 해보도록 할게요.

우선 model 관리를 위해 따로 디렉토리를 만들도록 합니다.

models 폴더 아래 user.js 파일을 생성하였습니다.

그리고 아래와 같이 스키마를 만듭니다.

우선 mongoose를 사용하기 위해 mongoose를 불러옵니다.

const mongoose = require("mongoose")

Schema의 경우는 객체 형태록 작성하게 됩니다.

아래의 코드를 보시면 대략적으로 어떤 내용인지 알 수 있을 거에요.

const User = mongoose.model("User", userSchema);

module.exports = { User };

마지막으로 작성한 Schema를 mongoose로 씌워주게 됩니다.

그리고 외부에서 사용하기 위해 exports 시킵니다.

감사합니다.

안녕하세요

초보 코더입니다.

이번에는 이어서 mongoDB를 연결해보도록 합시다.

우선 mongoDB에 가입을 합니다.

가입 후에 create Cluster 를 클릭하셔서 cluster를 생성해 줍니다.

*아이디와 비번은 잘 기억하셔야 됩니다. 연결시 필요합니다.

mongoDB의 경우 512mb까지 무료라고 하네요.

만들어지는데까지는 약 5분 정도 걸린다고 하네요.

2번째 Connect your application 을 클릭합니다.

Connection String only 부분을 copy 합니다.

이후에 vscode 터미널에서

mongoose 모듈을 설치합니다

$ yarn add mongoose

지난 번 작성한 index.js에 

const mongoose = require("mongoose") ...............부분부터 

...

...

.catch((err)=>console.log(err)); 까지 입력합니다.

mongoDB에서 copy 부분은 

.connect( ) 부분에 들어갑니다.

그리고 중간에 <password> 부분을 삭제 후, 생성할 때 비밀번호를 입력합니다. 

작성이 끝나셨다면

vscode 터미널에서 

$ yarn start

하시면 터미널에서 mongoDB Connected.. 가 출력됩니다.

감사합니다!

안녕하세요

초보 코더입니다.

인프런에서 "따라하며 배우는 노드, 리액트 시리즈-유튜브 사이트만들기" 수업을 보게 되어서 

이렇게 정리를 한번해보려고합니다.

우선 작업할 폴더를 만들어보겠습니다.

저는 VSCode를 사용하구요.. (리액트공부를 하다보니 vscode가 좋더라구요)

우선 youtubeclone 폴더를 만들고 해당 폴더 디렉토리로 이동 후,

$ npm init

설정을 진행 한 후, 대부분 엔터를 치시고 넘어가시면 됩니다.

그럼 폴더에 package.json 파일이 생성됩니다. 

(저는 참고로 yarn을 사용합니다.)

이제 express를 설치합니다. 

$ yarn add express --save

package.json 파일을 보시면

dependencies 에 express가 설치되었습니다.

index.js 파일을 생성 후 아래와 같이 코드를 입력합니다.

그리고 package.json 에서

"scripts":{

  "start":"node index.js"

}

를 입력합니다.

이후에 콘솔창으로 가셔서

$ yarn start

하시면 서버가 진행됩니다.

저는 port: 4000 으로하였기때문에 (3000은 react로 보통사용합니다.) 

localhost:4000번으로 접속합니다.

그럼 인터넷 창에 HELLO World가 보입니다!