1. VScode 및 node.js LTS 버전 설치
2. 작업용 폴더 생성 후 server.js 파일 생성
3. terminal 창을 열어서 npm init -y 입력. (package.json 파일을 생성해주는 명령어)
4. npm install express 입력. (express 라이브러리 설치.)
5. 서버 코드 작성
// 설치한 express 라이브러리를 불러오는 코드
const express = require('express')
const app = express()
// 8080포트에 실제 서버를 띄우는 코드
app.listen(8080, () => {
console.log('http://localhost:8080 에서 서버 실행중')
})
// 누군가 내 사이트에 접속하면 '안녕하세요'라는 글자를 보냄
app.get('/', (요청, 응답) => {
응답.send('안녕하세요')
})
새로운 페이지 생성
// /news로 접속하면 뉴스 페이지 출력
app.get('/news', (요청, 응답)=>{
응답.send('뉴스 페이지')
})
html 파일 보내기
간단한 html 파일 생성
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
안녕하세요
</body>
</html>
메인페이지 방문시 위 index.html 파일을 보여주기
app.get('/', function(요청, 응답) {
응답.sendFile(__dirname + '/index.html')
})__dirname: 현재 server.js 파일의 절대 경로
static 파일(css 파일) 첨부하기
css 파일이나 img 파일은 public 폴더에 넣어두는 것이 일반적
이 public 폴더를 서버에 등록부터 해야한다.
app.use(express.static(__dirname + '/public'));이렇게 하면 public 폴더안에 있는 css파인, 이미지파일, js파일을 전부 html에서 가져다가 사용할 수 있다.
'Node.js, MongoDB' 카테고리의 다른 글
| [Node.js, MongoDB] 6. POST 요청 (0) | 2025.05.31 |
|---|---|
| [Node.js, MongoDB] 5. REST API (0) | 2025.05.28 |
| [Node.js, MongoDB] 4. ejs (0) | 2025.05.28 |
| [Node.js, MongoDB] 3. MongoDB에서 데이터 받아오기 (0) | 2025.05.28 |
| [Node.js, MongoDB] 2. MongoDB 세팅 (0) | 2025.05.26 |