Wecode - Foundation 1 (부트캠프)/Express (코드 Framework)

[Node.js] Express, postman 활용 - 유저 생성, 추가 (회원가입)

JBS 12 2023. 9. 1. 07:51

이거를 배열로 추가하는게 아니라, Express로 server 연결하는 것을 나중에 할 것임

아래에 있는 것도, 그냥 수업에서 하라는데로 따라했다..

잘 모르는겠는데, 다시 돌아와서 포스팅 남기겠음. 


유저 생성해보기 (회원가입, 추가) 

app.post("/users",  함수 이름은 동사로 만들기) 

 

app.post("/uerser", createUsers) 

1. createUsers라는 함수 이름 만듦

 

2. 이제 createUsers 함수를 만들자 

 

3. try 안에 정상동작하는 코드 넣을 틀 

 

try { } 

 

안에 catch (err)  넣고  

 

틀만 이렇게 잡아줌. 


추가하는 함수는 push 니까

 

users.push 

users 배열에 추가한다

 

 

백엔드한테는 터미널이 console. 


body: 프론트가 백엔드에게 보내주는 정보 
빈 객체 {  } 

ex.회원가입할 때 유저가 입력한 정보를 프론트가 백엔드에게 body에 담아서 보내준다. 

 

프론트는 postman - body - Json - 내용창에 name,password,email 적어서 - send (백엔드에게) 

 

const me에 

postme에 직접 적는 게 아니라,

 

백엔드는 request body 해서 내용을 가져오는 

 

 

 

users라는 배열에 me 추가 

user.push(me) 

 

 

(객체는 순서가 없기에, password, name 순서 바뀌어서 나올 수 있음)

 

프론트에게 잘 들어갔다고 백엔드가 body에 담아서 보내줌 --> 그럼 고객에게 회원가입 완료되었다는걸 '회원가입 잘 완료되셨습니다'라고 프론트가 알려주는거

(프론트가 req.body에 처음 내용 담아서 보내주는거)


<흐름>

프론트는 고객에게 이름,이메일 받아옴

 

백엔드:

  • getUsers함수 ---- app.get
  • createUser 함수 --- app.post 

 

 

post 로 /users 접근 -> createUser함수 (함수 호출 = request 전송) (프론트가 백엔드에 호출하는 방법은, request를 전송하는 방법뿐이니까. ) 

 

 

프론트가 백엔드에게 정보 보낼 때

  • body- 사용자 정보
  • header- post인지 get인지 담겨져 있음 

 

 

마지막에  return res (백엔드가 프론트에게 respond를 보낸다)