728x90

1. nodejs μ„€μΉ˜ν•˜κ³  ν”„λ‘œμ νŠΈ μƒμ„±ν•˜κΈ°

곡식 ν™ˆνŽ˜μ΄μ§€μ—μ„œ μ λ‹Ήν•œ 버전 μ„ νƒν•˜μ—¬ μ„€μΉ˜ν•˜κΈ°.

IDEλŠ” VS Codeλ₯Ό μ‚¬μš©ν–ˆκ³ , ν”„λ‘œμ νŠΈ 생성은 κ·Έλƒ₯ ν”„λ‘œμ νŠΈ 파일 μ €μž₯ν•  폴더 ν•˜λ‚˜λ₯Ό λ§Œλ“€μ–΄μ£Όλ©΄ λœλ‹€.

 

 

2. express ν”„λ ˆμž„μ›Œν¬ μ„€μΉ˜

νŽ˜μ΄μ§€ ν•œ 개 μ‹€μŠ΅μš©μΈλ° ꡳ이? μ‹ΆκΈ΄ ν•˜μ§€λ§Œ ν•™μŠ΅μš©μ΄κΈ°λ„ ν•˜κ³ , μ–Όλ§ˆλ‚˜ ν™•μž₯ν•  지 λͺ¨λ₯΄λ‹ˆκΉŒ 일단 μ„€μΉ˜ν•œλ‹€. 

D:\\Workspace\\Example-Cesium> npm install express

 

 

3. μ„œλ²„ 파일 μž‘μ„± (server.js)

const express = require('express');
const path = require('path');

const app = express();
// 미듀웨어에 정적 파일 μœ„μΉ˜λ₯Ό 지정
app.use(express.static(path.join(__dirname, 'html')));

// page routing
app.get('/', (req, res) =>{
    res.sendFile(path.join(__dirname, 'html', 'main.html'));
});
// app.get ...

// wait for request
app.listen(8888, () =>{
    console.log('');
});

 

 

4. ν‘œμΆœμš© νŽ˜μ΄μ§€ μž‘μ„± (main.html)

<!DOCTYPE html>
<html>
	<head><meta charset="utf-8"></head>
	<body>
	    <div> sample yeah </div>
	</body>
</html>

 

μ—¬κΈ°κΉŒμ§€μ˜ ν”„λ‘œμ νŠΈ ν•˜μ΄μ–΄λΌν‚€λŠ” λ‹€μŒκ³Ό κ°™λ‹€.

 

 

5. μ„œλ²„ μ‹€ν–‰ 및 확인

D:\\Workspace\\Example-Cesium> node server.js

κ·Έλƒ₯ κ°„λ‹¨ν•˜κ²Œ, nodejs μ„€μΉ˜ν•˜κ³  μ„œλ²„ μ‹€ν–‰ν•΄λ³΄λŠ” μ˜ˆμ œμ΄λ‹€.

728x90
μ €μž‘μžν‘œμ‹œ λΉ„μ˜λ¦¬

'πŸ“— ν•™μŠ΅κ³Ό 개발 기둝 > Web' μΉ΄ν…Œκ³ λ¦¬μ˜ λ‹€λ₯Έ κΈ€

슀파λ₯΄νƒ€ 덕담 곡유 Sample Code - Html & JS  (0) 2022.02.06
JWT(JsonWebToken) - κ°œλ…  (0) 2021.06.21

+ Recent posts

ν‹°μŠ€ν† λ¦¬νˆ΄λ°”