Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- math
- 데이터
- nodemon
- 모듈
- Generator
- JavaScript
- 설치
- express
- app.js
- sanitize
- Passport.js
- dr 학교측
- lowdb
- template
- 객체란
- 함수
- Web
- 객체
- 실행
- 객체정의
- 생활코딩
- local
- round
- passport
- nodejs
- tPerRow hn측
- 자동
- Web2
- /bin/www
- node.js
Archives
- Today
- Total
괜찮아 잘하고있어 힘내
37. App 제작 - 글 삭제 - 삭제버튼 구현 본문
글을 삭제하는것은 어떤 특정한 글을 선택한 상태에서 delete 버튼이 활성화 되어야 한다.
54 ~ 73) 컨텐츠를 선택했을때 활성화 되는 부분이다. 그래서 이부분에 delete 링크를 생성하는 소스를 추가해야한다.
update를 클릭했을땐 update페이지로 넘어간다.
delete를 클릭하면 어디로 가지 않고 바로 삭제가 되어야 한다.
삭제버튼을 링크로 만들면 안된다. 링크는 클릭했을때 이동하는데 그 주소를 카피해서 누군가에게 보낼 수 있다.
update에서 submit했을때 전송되는 정보는 post 방식으로 했었다.
delete도 마찬가지다.
삭제를 하는것도 수정한 서버로 이동하는것 이기 때문에 post방식으로 해야한다.
<a>태그가 아닌 <form> 태그로 해야한다.
64) 보이지 않게 type을 hidden으로 한다.
name은 id
value 는 어떤 페이지를 삭제해야 하는지를 알기 위해 title값이 필요하다.
65) type을 submit 으로 했기 때문에 제출 버튼이 생기고 그 레이블 안에 value 값인 delete가 들어가게된다.
63) action ="delete_process" -> delete_process 로 데이터를 보낸다.
method="post" -> 메소드를 post방식으로 보낸다.
delete 버튼이 생겼고 클릭했을때 delete_process로 이동하는것을 볼 수 있다.
'웹 개발 > Node.js' 카테고리의 다른 글
39. JavaScript 객체의 형식 (0) | 2020.12.27 |
---|---|
38. App 제작 - 글 삭제 기능 완성 (0) | 2020.12.26 |
36. App 제작 - 글수정 - 파일명 변경, 내용저장 (0) | 2020.12.26 |
35. App 제작 - 글수정 - 수정할 정보 전송 (0) | 2020.12.25 |
34. App 제작 - 글 수정-수정링크 생성 (0) | 2020.12.24 |
Comments