본문 바로가기

Express5

[NodeJS+Express] 13. form태그에서 PUT, DELETE 요청하기 & MongoDB 수정문법 + form 태그를 그대로 사용하면 GET, POST 요청만 가능하다. 하지만 PUT, DELETE 등을 활용하면 더 좋은 API의 기준에 부합할 수 있을 것이다. 이를 가능하게 하는 방법에 대해서 알아보자! 1. method-override method-override 라는 라이브러리를 이용하면 가능하다. 설치 npm install method-override import //server.js const methodOverride = require('method-override') app.use(methodOverride('_method')) 서버파일 최상단에 위 코드를 작성해서 라이브러리로부터 필요한 것들을 가져온다. 1) form 태그 수정 //edit.ejs ... ?_method=PUT 을 act.. 2023. 10. 15.

[NodeJS+Express] 12. 글 수정기능 만들기 이번에는 글을 수정하는 기능을 구현해보자. 0. 들어가기전 글을 수정하는 과정을 요약해보면 아래와 같다. 1) 글 마다 존재하는 수정버튼 클릭 2) 수정페이지에서 글 수정 (수정 대상 페이지의 내용이 기입되어있음) 3) 수정완료 버튼 누르면 DB에 데이터 전송 후 수정 완료 이러한 과정을 거쳐 구현을 해보자! 1. 수정 기능 만들기 1) 수정 페이지 (1) 서버파일 세팅 수정 페이지에 들어가게 되면 수정 대상인 데이터가 기입되어있다. //server.js app.get('/edit/:num', async(request, response) => { try { let result = await db.collection('post').findOne({_id : new ObjectId(request.params.. 2023. 10. 15.

[NodeJS+Express] 11. URL파라미터 (상세페이지 만들기) 이번에는 URL 파라미터 문법을 이용해 상세페이지를 제작해보자. 0. 상세페이지 형태 지금까지는 루트('/')에서 직접 접속하는 페이지들을 제작했다면 상세페이지는 /parent/child/... 의 형태이다. 이것을 이용하면 url에 일관성을 부여할 수 있고 조금 더 간결하게 사이트를 구성할 수 있을 것이다. 상세페이지를 구현하기 위해서 어떻게 해야할까? /page/detail1, /page/detail2, ... 이렇게 하나씩 만들어도 가능하지만, 페이지 수만큼 만들어야하는 것은 너무나도 비효율적이다. 이것을 간편하게 구현하는 방법은 여럿있지만 그중 하나가 바로 URL 파라미터 문법이다. 1. URL 파라미터 문법 형태 /부모url/:자식url 위와 같이 /:자식url 이 URL파라미터 문법이다. 이를.. 2023. 10. 15.

[NodeJS+Express] 7. EJS 파일 내 JS문법 사용 & 파일 내 .ejs파일 삽입 이번에는 저번 포스트에 이어서 EJS 문법에 대해서 좀 더 알아보자! 1. EJS 파일 내 JS문법 사용 ejs 파일 내에서는 JS문법을 그대로 사용할 수 있다! 사용법 위처럼 으로 JS구문을 감싸서 사용하면된다. 예시와 함께 살펴보자. 예시1 Hello 결과1 for문의 반복문을 사용하여 태그를 반복할 때 위와 같은 형식을 사용한다. 예시2 HELLO!! Hello 결과2 if문도 문제없이 정상작동한다! 2. 파일 내 ejs 파일 삽입 ejs파일 내에 다른 ejs 파일을 가져와서 붙여넣을 수 있다. nav바 혹은 footer 등 페이지마다 계속해서 반복되는 요소들을 ejs 파일로 따로 생성한 뒤 그 파일을 가져오는 방식으로 보다 간편하게 구현할 수 있다. 사용법 server.js에서 ejs파일에 데이터.. 2023. 10. 9.

[NodeJS+Express] 1. NodeJS, Express 세팅 사전에 필요한 것들 - node LTS 버전, 코드에디터 등 - 간단한 Express를 이용하는 NodeJS 서버 세팅 순서 1. 작업할 디렉토리 생성 후 해당 경로 접속 2. js 파일 생성 ex) server.js 3. 해당 경로에서 터미널 오픈 후 package.json 파일 생성 npm init -y package.json 파일을 생성해주는 명령어이다. 이때 -y 옵션은 default값으로 설정된 파일을 만들겠다는 뜻이다. 4. express 라이브러리 설치 npm install express express를 이용하여 서버를 만들어보자! 5. 서버 코드 작성 const express = require('express') const app = express() //PORT 열기 app.listen(.. 2023. 9. 22.

이전 1 다음

티스토리툴바