Express
1.설치 및 서버 생성
1\. package.json 생성npm init2\. Express 설치npm install express3\. Server 생성4\. Server 실행node index.js
2.Get, send, sendFile, render, redirect
Get요청 처리응답: send, sendFile, render'\_\_dirname': 현재 파일(index.js)의 경로
3.Post, body-parser
1\. body-parser 사용 설정express 4.16부터는 body-parser가 express에 포함되어 있어서 설치는 필요 없음미들웨어 사용 설정만 진행하면 됨2\. form 예시3\. post 처리req.body.(html form의 input tag의 n
4..env 사용
1\. 라이브러리 설치npm install dotenv2\. index.js에 설정3\. .env파일 생성index.js파일과 같은 경로에 파일생성4\. env파일에 환경변수 작성5\. index.js에서 사용process.env.환경변수명 으로 사용
5.mongoDB 설정 및 연결
1\. MongoDB Atlas 가입 및 DB생성https://www.mongodb.com/cloud/atlas/lp/try2Database -> Connect 버튼 클릭 -> Connect your application 클릭접속 URL 복사해서 가져오기2\.
6.mongoDB 사용 - 추가, 찾기, 삭제, 수정
추가: insertOne()찾기: find(), findOne()삭제: deleteOne()수정: updateOne() 1\. DB에 collection 생성mongoDB Atlas에 접속해서, 'collections' 버튼 클릭 -> Add my own data 클
7.템플릿 엔진 ejs
1\. ejs 설치npm install ejs2\. index.js에 사용 설정3\. ejs 파일 생성html과 똑가은데 확장자를 '.ejs'로 저장주의사항: 'views'라는 폴더를 만들고, 그 안에 생성4\. ejs 사용법값 가져오기 : <%= %>문법사용 :
8.Ajax로 delete 요청
1\. jQuery 설치2\. Script 작성btn의 class명 'delete'data-id에 <%= postsi.\_id %> 연결delete 클래스명을 가진 요소의 클릭 이벤트 처리e.target.dataset.id: 지금 클릭한 요소의 data-id 값을
9.method-override를 통한 PUT 요청
HTML form tag에서는 POST, GET 방식만 지원DELETE, PUT을 사용하기 위해서는 AJAX를 사용 또는 method-override 라이브러리 사용 1\. method-override 라이브러리 설치npm install method-override 2
10.Semantic url 방식의 매개변수 처리
1\. URL 파라미터 문법: /detail/:id ':id'로 url 파라미터로 들어오는 값을 req.params.id 로 받아서 사용form의 data로 넘어오는 값은 req.body.\*\*\*url 경로로 넘어오는 값은 req.params.\*\*\* 2\.
11.nav bar 반복 사용
nav bar를 일일이 수정하지 않고, 반복해서 사용하는 방식 1\. nav.ejs2\. 다른 ejs에서 반복 사용include('nav.ejs', {active:'list'})의 active 변수를 통해서 nav.ejs에서 data 전달3\. nav.ejs에서 dat