JavaScript

F1 > settings.json (user) > "emmet.syntaxProfiles": { "javascript": "jsx" }, "emmet.includeLanguages": { "javascript": "html" }

조회 페이지 만들기 각각의 고유 게시글 조회 페이지 만들기 - 모든 각 페이지의 get 요청 처리를 만들 순 없다 (비효율적) - 따라서 url 에 id 등을 파라미터로 붙여서 재사용한다 /: 원하는 파라미터 : url 파라미터 만들기 req.params.id 요청 데이터의 파리미터 중의 id 값 // 상세페이지 만들기 + 게시글번호 app.get('/detail/:id', (req, res) => { db.collection('post').findOne({_id : parseInt(req.params.id)}, (err, result)=> { console.log(result) res.render('detail.ejs', { data : result }) }) }) --- html 상세페이지 title..

sendFile : sendFile은 어떤 파일을 그대로 보내고 싶을 때 app.get('/', function (req, res) { res.sendFile(__dirname + '/index.html') }) render render 는 파일을 보내기 전에 ejs 파일을 html로 바꾸고 싶을 때 (브라우저는 ejs 인식 못함 ) app.get('/detail', (req, res) => { res.render('detail.ejs', { name : result }) })

삭제 요청하기 - form 메소드에서는 get, post 만 가능 삭제는 어떻게..? 1. method-override 라이브러리 이용 2. JavaScript AJAX 이용 *AJAX 란? — LLAT (tistory.com) 기초 더보기 ajax 를 사용해 delete 요청 보내는 방법 서버에서 AJAX 삭제 요청 받아서 수행하는 방법 (아래 방법은 그냥 새로고침 할 떄마다 삭제됨, 아이디가 1인게 ) app.delete('/delete', (req, res) => { // 요청시 함께 보낸 데이터를 찾고 싶다 // 요청이 게시물 번호였으므로 게시물 번호 나옴 console.log(req.body); // 주의! 나는 분명 int 형 으로 보냈으나 수신은 string 형으로 된다 = 삭제안됨 // i..

MongoDB 연동 방법 1. 몽고 db 라이브러리 설치하기 // 콘솔 npm install mongodb@3.6.4 2. 서버에 연결하기 DB connnect your app 에서 아래 코드 복사 후 server.js 에 아래와 같이 추가 아이디, 비번, 잘 넣어줘야 함 const MongoClient = require('mongodb').MongoClient; MongoClient.connect('mongodb+srv://admin:1234@boilerplate.g6vcczn.mongodb.net/?retryWrites=true&w=majority', (error, client)=> { // 연결되면 할 일 app.listen( 5000, function() { console.log('접속성공'); ..

Node.js 란? 쓰는 이유는 ? 더보기 - 구글 크롬 짱 V8 자바스크립트 엔진으로 구동되는 네트워크 서버 플랫폼 - Non-Blocking I/O -- (먼저 끝날것 같은 작업 먼저 처리) -- 주의 : 비동기식 이기에 자바처럼 하면 문제 발생 가능 참고 : [Node.js 1강]node js 란? 장점, 단점, 어떤 웹서비스에 사용해야할까? (tistory.com) 설치 및 버전확인 더보기 node 설치 Node.js (nodejs.org) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 버전 확인 node -v vscode 터미널 안될때 더보기 VS Code 터미널에서 npm 실행..