백엔드/node.js공부

[nodejs] 간단한 로그인 & 회원가입 기능 구현(2)

민트초코수장 2021. 1. 12. 21:25

login화면

 

 

ejs 파일들

 

 

views폴더의 home.ejs

 

views폴더의 login.ejs
views폴더의 signup.ejs
views폴더의 success.ejs

 

 


라우터 역할 js 파일

 

 

routes폴더의 home.ctrl.js

보시면 output과 process로 나누었습니다.

 

output은 보여지는 프런트

 

process는 데이터를 가공하는 기능을 합니다.

 

output

res파라미터를 받아 컴포넌트를 html로 바꾸어 브라우저에 나타나게 하는 render 메서드를 이용해 ejs파일과 연결해주었습니다. 

 

process

회원가입과 로그인할 때 db에 데이터를 입력하고 검색하는 기능을 해줍니다.

req파라미터를 받아 각 js파일에서 던져준 body의 값을 저장합니다.

body에는 사용자가 입력한 값이 저장되어있습니다.

db.query는 첫번째인자는 sql명령어, 두번째 인자에는 배열로 된 값을 넣어줄 수 있습니다.

 

process.signup

 

사용자가 입력한 값을 받아 insert문으로 데이터베이스에 저장해줍니다.

 

process.login

 

사용자가 입력한 값과 db에 있는 값을 비교해 맞다면 빈 오브젝트에 true값을 넣어줍니다.

그리고 사용자의 이름도 넣어줍니다.

마지막으로 리턴값을 json으로 바꾸어 보냅니다.

 

 routes폴더의 routes.js

위의 home.ctrl에서 한 설정을 get, post를 이용해 각 기능별로 연결해줍니다.

 

✨get: 주소창을 입력 받았을 때 실행할 사항들을 나타내는 라우트 함수

 

post: json데이터가 저장된 body값을 받아 요청받아 처리하는 라우트 함수

 

(post로 받은 데이터를 받기 위해 body-parser모듈을 설치한 것입니다!!!)

 

 

 


다음에는 마지막으로 ejs와 연결되는 js 파일을 설명해보겠습니다.

반응형