mysql - 글 수정하기

mysql - 글 수정하기

이번에는 글을 수정하는 방법을 알아보자.

글 목록을 선택하면 내용 하단에 수정버튼을 표현하고 그 버튼을 누르면 즉시 수정할 수 있도록 만들 것이다.

 라우트 작성하기

edit버튼을 클릭하여 발생하는 글 수정 페이지 이동 요청처리를 하자.

/topic/글 번호/edit URL 형식으로 요청을 받고 처리할 것이다.

글 목록을 전부 출력해주는 쿼리문을 실행하고 파라미터에 글 번호 id를 체크하여 해당 id의 글 내용을 불러오는 쿼리를 수행한다.

불러온 글 정보는 글 수정 화면에서 출력해주기 위해 edit이라는 템플릿에 객체로 전달한다.

 HTML 템플릿 작성하기

글 수정 폼을 표현하기 위해 템플릿을 생성하자. 

views_mysql 폴더 하위에 edit.pug를 생성한다.

글 목록을 출력해주고 article 태그 하위에 수정을 위한 폼을 작성한다.

기존의 제목, 내용, 작성자 정보를 불러와 화면에 출력해서 채워주고 기존 내용을 수정할 수 있도록 한다.

 글 수정 프로세스 작성

글을 수정하고 반영하는 요청에 대한 처리 프로세스를 작성하자.

"/topic/글 번호/edit" URL 형식으로 POST로 전달되는 데이터이므로 post()메소드를 사용한다.

폼 데이터로 전달된 글 제목, 글 내용, 작성자를 각각 변수에 담고 파라미터로 전달된 글 번호도 변수에 담는다.

그 후 UPDATE SQL문에서 치환자로 각 변수들을 지정해준다.

쿼리 수행에 에러가 발생하면 에러를 콘솔에 출력하고 오류 메시지를 웹 브라우저에 출력해준다.

만약 정상적으로 수정 처리가 된다면 해당 글의 상세보기로 이동시켜준다.

 실행

서버를 실행시키고 확인해보자.

"/topic" URL로 이동하여 글에서 수정하고자하는 목록을 선택하고 edit버튼을 클릭한다.

이후 수정 폼으로 변환되면 데이터를 수정하고 작성버튼을 클릭한다.

글 목록에서 기존 데이터가 수정되어 표현되며 수정한 글의 상세내용으로 자동으로 이동된다.