수복의 프로그래밍 여행기
article thumbnail

간단설명


클라이언트와 서버가 통신하여 클라이언트에서 입력한

 

아이디, 비밀정보를 서버에서 받아볼 수 있도록 하기!

 

 

클라이언트와 서버 통신 셋팅


클라이언트 (브라우저)

 

 아이디, 비밀번호 정보 입력 후 서버에 전달

 

서버

 

서버는 클라이언트에서 보낸 정보를 받음

 

여기서 body-parser 를 이용

(공식 링크)

 

body-parser

Node.js body parsing middleware

www.npmjs.com

npm install body-parser --save

설치한 body-parser를 불러옵니다.

const bodyParser = require('body-parser');

 

body-parser 가 클라이언트에서 오는 정보를 서버에서 분석 후 가져오게 하는데

 

1. 인코딩된 url을 가져오는 방법

2. json 타입으로 된 것을 가져오는 방법

 

두 가지 모두 가져올 수 있도록 합니다.

const app = express();
const bodyParser = require('body-parser');

	app.use(bodyParser.urlencoded({ extended: true,}));
	app.use(bodyParser.json()); 

 

클라이언트에서 받은 정보를 DB에 넣어주기


유저가 입력한 등록정보를 가져오는 것으로 가정 했을 때,

 

클라이언트에서 받은 정보를 DB 에 넣어주는 주도록 합니다.

app.post('/api/users', (req, res)=> {
	// 이 곳에 클라이언트가 받은 정보들을 DB 에 넣을 수 있도록 생성
});

여기서 사용된 post 명령어는 http 메서들 중 하나입니다.

 

안에는 다음과 같은 코드가 들어갑니다.

 

DB에 넣기 위한 인스턴스 생성

const user = new Todo(req.body); 

그리고 몽고 DB 에서 오는 저장 메서드 save

user.save((err, userInfo)=>{
	// 실패시 또는 성공시 return 값을 돌려주기
});

따라서, error 와 성공시 여부를 아래와 같이 표현

const user = new Todo(req.body); 

    user.save((err, userInfo)=>{ 
        if(err){
            return res.json({sucess: false, err});
        }
        return res.status(200).json({
            sucess: true,
        });
    });

 

 

임시 클라이언트를 이용 : postman


만들어진 클라이언트가 없어 postman을 사용해 봅니다.

 

사이트에서 다운로드

 

Download Postman App

Download Postman! Join the 10 million developers and 500,000 companies who rely on Postman as the only complete API development environment.

www.postman.com

설치 후 

 

post 방식 및 해당 경로를 입력 합니다.

 

그리고 body를 체크한 후 raw 및 JSON으로 입력하여 표현해봅니다. 

 

 

넣어야할 입력값 raw에 앞에서 사용한 스키마에 들어갈 필수 값을 입력합니다.

 

잘 입력되면 아래와 같이 return 값을 받습니다.

 

 

profile

수복의 프로그래밍 여행기

@컴수복

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!