글 작성 기능 동작
1. 유저가 글작성페이지에서 글을 작성해서 서버로 글을 보내고
2. 서버는 글을 받으면 잘썼나 확인해보고
3. 서버는 그걸 DB에 저장
write.ejs 파일 생성 후
<body class="grey-bg">
<%- include('nav.ejs') %>
<form class="form-box" action="/add" method="POST">
<h4>글쓰기</h4>
<input name="title">
<input name="content">
<button type="submit">전송</button>
</form>
</body>
데이터를 보내기 위해서 (POST method 를 이용하기 위해서) form 태그를 사용.
action 속성 열어서 /url 채우고
method 속성 열어서 POST 로 채운 후에
input 속성들에 이름을 붙여준다.
서버에서 글 받으면 잘 보냈나 확인해보려면
app.post('/add', (요청, 응답) => {
console.log(요청.body)
})
이 코드를 넣을건데,
먼저 상단에
app.use(express.json())
app.use(express.urlencoded({extended:true})) // 유저가 데이터를 보냈을 때 꺼내쓸 수 있게 하는 코드
코드를 넣어준다.
처음에 /write 로 접속해도 자꾸 안들어가지는 에러가 있었는데, ejs 파일이나 css 파일을 수정한 후에 저장을 꼭 눌러주자.
'컴퓨터 프로그래밍 > Node.js' 카테고리의 다른 글
| [Node.js] 상세페이지 만들기1 (URL parameter) (0) | 2023.11.07 |
|---|---|
| [Node.js] 글 작성기능 만들기 2 (insertOne, 예외 처리) (0) | 2023.11.07 |
| [Node.js] RESTful API (0) | 2023.11.06 |
| [Node.js] 여러 글을 한 번에 출력 (EJS 문법2) (0) | 2023.11.06 |
| [Node.js] 웹페이지에 DB데이터 꽂기 (EJS, 서버사이드 렌더링) (0) | 2023.11.06 |