Server - login-server-tutorial

간단한 로그인 서버를 만들어 보려고 한다. react cli를 통해서 간단하게 프론트를 만들어서 server에 호출 하려한다.

email 입력란 password 입력란 2개의 input을 만들고 거기에 들어온 문자를 fetch를 통해서 server 보내려고 한다.

 

이전에 만들어 놓은 server.ts를 켜서 email과 password가 잘 들어오는지 확인 하려고 한다. npm start로 서버를 켠다

 

app.post('/signin', ()=>{}) post 요청(path '/signin') 이 들어오면 두번째 인자 callback이 실행되어서 처리를 하게끔 했다. 

 

프론트에서 email과 password를 1234, 1234를 보냈을 때, req.body 값이 찍히는 callback 함수이다. 프론트에서 1234, 1234를 보냈을 때, server에서 {email: 1234, password: 1234}가 log가 남아야 한다. 

 

 

Node server에서 가장 중요한 것중에 하나는 error가 발생했을 때, 혹은 error를 프론트로 보내주는 코드가 꼭 필요하다. 반응이 없으면 그 이후의 코드들이 실행이 안되고 계속 기다린다. res를 return으로 돌려주는 코드를 추가했다. email이 hello@world.com 이고 password가 1234 일 때, welcome을 프론트 엔드로 보내주고 아니면 wordng email and password를 보내 준다. 위에 프론트엔드 코드를 보면 받은 메세지를 로그를 찍도록 했기 때문에 크롬 콘솔에서 확인이 가능하다.

 

 

email을 1234, passworld를 1234로 보냈을 때, 

email을 hello@world.com 과 1234를 보냈을 때,

간다한 login server지만 login 할 때, token 발행, session 저장, session 기한 등등을 더 해주는 많은 것들이 필요하다.