[node.js 교과서] 9.5.1 스스로 해보기 - 프로필 정보 변경하기

내 프로필에서 사용자의 정보를 수정 할 수 있게 한다.

 

이름 바꾸기 기능을 추가 한다.

 

프론트 코드 수정

//profile.html

<div class="timeline">

...

   <div class="change-info">
      <h2>이름 바꾸기</h2>
      <form id="change-info-nic" action="/user/profile" method="post">
        <input name="nickname"/>
        <button id="change-button" type="submit">변경</button>
      </form>
    </div>
 </div>

...

submit으로 제출 하기 위해서 form이 필요하다.

 

routes/user.js파일에 profile 라우터를 생성 해 준다.

routes/user.js

...
router.post('/profile',async(req,res,next)=>{
    try{
    await User.update({nick:req.body.nickname},{
        where:{id:req.user.id},
    });
    res.redirect('/profile');
    }catch(error){
        console.error(error);
        next(error);
    }
});

 

닉네임을 바꾸면 db의 닉네임이 변경 되고 자동적으로 update된 시간도 기록된다.