일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- spring
- 이클립스
- 오산대맛집
- 람다식
- java설치
- Flexbox Froggy
- SQL 명령어
- 노마드코더
- Eclipse
- numpy
- spring 환경설정
- 스프링
- 리액트
- 자바스프링
- SQL 연산자
- 관계형데이터베이스
- Hooks
- node.js
- ubuntu
- HTML5
- REACT
- 타입
- Flex Box 기본
- 객체지향프로그래밍
- java spring
- SQL
- SQL 문제
- 환경설정
- 자바 스프링
- 플랙스박스기본
- Today
- Total
이것저것
Node.js와 Express.js, MongoDB 설치까지 본문
1. node가 나옴으로 javascript를 인터넷익스플로어가 아닌 다른 서버사이드에서 쓸수있게 됬다.
2. node가 자동차의 엔진이라고 하면 엔진과 바퀴 문짝등을 가지고 만드는 것을 express이다.
한마디로 node를 조금더 쉽게 이용할 수 있는 프레임워크라고 할수 있다.
설치.
터미널을 키고 node -v를 쳐서 버전이 나오면 있는거고 없으면 다운로드
구글에서 nodejs설치
폴더생성.
document 폴더에서 폴더를 하나더 생성 mkdir boiler-plate
npm init
npm으로 패키지 생성
파일생성.
index.js 파일 생성
index.js는 시작점이다.
express.js 다운로드.
vscode 내의 terminal
npm install express --save
package.json에 들어가면 express가 표시된것을 확인 할 수 있다.
expressjs.com/ko/starter/hello-world.html
const express = require('express')
const app = express()
const port = 5000
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(port, () => {
console.log(`Example app listening at http://localhost:${port}`)
})
1. express 모듈을 가져온다.
2. app을 express를 사용해 만든다.
3. 5000번 포트를 사용하겠다.
4. root 디렉터리에 가면 실행하도록 하겠다.
5. app을 5000번에서 실행하겠다.
실행.
package.json으로 들어가서 script 부분에
"start" : "node index.js"를 입력한다.
npm run start를 하면 node index.js 파일을 실행하겠다는 뜻이다.
mongoDB와 연결.
mongoDB사이트에서 설치
atlas와 연동할꺼이기때문에 mongoDB가입
cluster 만들기,
aws로 선택 가장 가까운곳은 한국이 없어서 무료티어인 싱가폴 선택.
MO Sandbox가 무료이니 선택하고 클러스터 네임입력
connect 클릭 username 입력 password도 입력(기억해야함)
connect application 선택, connection String only의 코드를 복사
mongoose 다운로드.
mongoDB를 편하게 사용할 수 있는 툴이다.
터미널에 npm install mongoose --save를 입력
package.json에 들어가게된다.
index.js에서
const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://test:test@cluster0.vviqa.mongodb.net/test?retryWrites=true&w=majority', {
useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false
}).then(()=> console.log('MongoDB Connected....'))
.catch(err => console.log(err))
위와 같이 입력해주는 이유는 우선 입력을 안하면 오류가 난다고 했다 자세한 설명은 안해줌
connection String only에는 <password>부분에는 비밀번호를 입력해줘야한다.
.then은 mongoDB와 연결이 잘 되는지 log를 찍기위해서 작성
.catch는 오류가 발생했을때 어떤 오류가 나는지 보기위해서 작성
'JS 프레임워크 > React' 카테고리의 다른 글
Node.js (0) | 2021.04.06 |
---|---|
MongoDB Model과 Schema (0) | 2021.01.14 |
동적인 주소값 (0) | 2020.08.03 |
redirect (0) | 2020.08.03 |
리액트에서 axios 사용하기 (0) | 2020.08.03 |