웹개발 - 2 사용자 register, db 저장

대충 UI는 부트스트랩을 사용해서 만들었고, 뷰 연결까지는 해놓았다. 

뷰 연결을 먼저 해놓고 기능을 넣는게 테스트하면서 보기 편할 것 같아서 이렇게 해놨고, 

회원가입 / 로그인 기능부터 구현해보고자 한다.

 

그래서 일단 회원가입 폼을 만들고, 회원가입을 해서 DB에 입력된 회원 정보가 저장되는 것 까지 구현해봤다.

 

여기까지만 구현하는 데도 우여곡절이 많았는데... 우선

 

회원가입 폼은 이렇게 생겼다.

 

 

html 코드로 보면 이렇다.

 

registerForm.ejs

 

근데 여기서 내가 한가지 실수를 해가지고 계속 아래와 같은 오류가 났었다.

 

 

분명 폼에 내용 다 채워서 넘겼는데 넘어 온 값이 없다고 하는 오류이다.

 

근데 이게 html 코드에서 잘못된 거였다.

 

  <input type="text" class="form-control" name="name" aria-describedby="name" placeholder="Enter your full name.">

 

input태그 하나를 가져와서 보면 내가 여기에 name 속성 대신에 id라는 속성으로 이 폼 태그에 입력되는 데이터가 name이라는 걸 명시했다. 이렇게 하면 안됐던 거였다.

name속성으로 명시해줘야 프로그램이 알아들었음.... 그래서 그렇게 안하니까 자꾸 빈 값이 넘어왔다고 한거였다.

 

암튼 그래서 다시 id 속성들 다 name 속성으로 바꿔주고, 

 

User 모델은 이렇게 정의했다.

 

user.js

새롭게 배운 Validator를 적용해서 했고, 또 관계형 데이터베이스의 일대다 관계를 구현할 수 있도록 post(게시물) 객체를 참조해서 속성에 넣었다.

 

 

그리고 이건 DB에 저장하는 코드를 포함한 userController.js이다.

registerController.js

 

그리고 main.js에 post 요청이 넘어왔을때 registerController의 register 함수가 실행되도록 코드를 추가한다.

 

그렇게 하고 폼에 실제로 데이터를 입력해서 submit 해보니까 아래와 같이 DB에 잘 저장이 되었다.