Node.js10 EJS 문법 앞 게시물에서 ejs파일에서 데이터를 갖다 쓸 때, 를 사용했는데, 비슷하게 쓰는경우가 있습니다! ✔ html코드안에 자바스크립트 문법을 사용할 때 예를 들어 반복되는 게시물을 html코드로 입력하고 싶을 때, 2023. 11. 28. 웹페이지에 DB데이터 출력하기 템플릿 엔진을 쓰면되는데 그 중에 ejs를 이용해서 html안에 데이터를 넣어보겠습니다! 순서! 1. npm install ejs ( ejs 설치 ) 2. 서버파일 상단에 view engine을 쓰겠다고 코드작성 app.set('view engine', 'ejs') 3. .ejs파일 만들고 보내주기 .ejs파일은 views라는 폴더에 넣는게 룰 .ejs파일은 html과 기본적으로 똑같이 작성 app.get('/list', (요청, 응답) =>{ 응답.render('list.ejs') }) 코드를 통해 ejs페이지를 유저에게 응답! 4. .ejs파일로 데이터를 보내기 app.get('/list', async (요청, 응답) =>{ let result = await db.collection('post').f.. 2023. 11. 27. 서버와 MongoDB 연결하기 순서! 1. npm install mongodb@5( mongodb 라이브러리 설치 ) 2. 서버파일 상단에 코드 추가 const { MongoClient } = require('mongodb'); let db; const url ='DB접속 URL'; new MongoClient(url).connect().then((client)=>{ console.log('DB연결성공') db = client.db('forum'); }).catch((err)=>{ console.log(err) }) 3. DB접속 URL 추가 ( 접속아이디:접속비번 잘 입력! ) 끝! * 추가로 DB접속이 완료 되어야 서버를 띄우는게 좋으므로 app.listen() 코드도 DB접속 코드 으로 옮기는 게 좋다. const { Mongo.. 2023. 11. 27. Node설치와 express라이브러리 설치 1. node.js 설치 2. 폴더/파일 생성후 터미널에 npm init -y ( 노드 설치) 3. npm install express ( express 라이브러리 설치 ) 세팅 const express = require('express') const app = express() app.listen(8080, ()=>{ console.log('http://localhost:8080 에서 서버 실행중') }) app.get('/', (요청, 응답) => { 응답.send('반갑다') }) 2023. 11. 27. 이전 1 2 다음
