Express

Web Framework for Node.js

express๋ฅผ ์ž์‹ ์˜ ํ”„๋กœ์ ํŠธ ํด๋”์— ์„ค์น˜ํ•ด์„œ express framework๋ฅผ ์‚ฌ์šฉํ•  ์ค€๋น„ํ•œ๋‹ค. (ํ•ด๋‹น ํด๋”๋ฅผ npm init์œผ๋กœ ์ดˆ๊ธฐ ์„ค์ •ํ•ด์ค€๋‹ค.)

app.js : express์—์„œ ๊ถŒ์žฅํ•˜๋Š” ๋ฉ”์ธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜(์—”ํŠธ๋ฆฌ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜)์ด๋‹ค. ์–ด๋–ค ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์‹คํ–‰ํ•  ๋•Œ ์ œ์ผ ๋จผ์ € ์‹คํ–‰ํ•˜๋Š” ํŒŒ์ผ์ด๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด index.html ๊ฐ™์€ ๊ฒƒ์ด๋‹ค.

์‚ฌ์šฉ์ž๊ฐ€ ์›น์„œ๋ฒ„์— ์ ‘์†ํ•  ๋• get๋ฐฉ์‹ ๋˜๋Š” post๋ฐฉ์‹์œผ๋กœ ์ ‘์†ํ•  ์ˆ˜ ์žˆ๋‹ค. url์„ ์ง์ ‘ ์ณ์„œ ๋“ค์–ด์˜ค๋Š” ๊ฒฝ์šฐ๋Š” get๋ฐฉ์‹์œผ๋กœ ์ ‘์†ํ•˜๋Š” ๊ฒƒ์ด๋‹ค. get๋ฐฉ์‹์œผ๋กœ ์ ‘์†ํ•œ ์‚ฌ์šฉ์ž ์ค‘ ํ™ˆํŽ˜์ด์ง€๋กœ ์ ‘์†ํ•œ ์‚ฌ์šฉ์ž๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•ด ์Šฌ๋ž˜์‰ฌ๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค. get๋ฐฉ์‹์œผ๋กœ ์ ‘์†ํ•˜๋ฉด ๋‘๋ฒˆ์งธ ์ธ์ž์ธ ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋œ๋‹ค.

  • Router๋กœ์จ get() : ์‚ฌ์šฉ์ž๊ฐ€ ์–ด๋–ค ๊ฒฝ๋กœ๋กœ ๋“ค์–ด์™”๋Š”์ง€์— ๋”ฐ๋ผ ๋‘๋ฒˆ์งธ ์ฝœ๋ฐฑํ•จ์ˆ˜๋กœ ๋‹ค๋ฅธ ๋™์ž‘์„ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ .get()์„ '๋ผ์šฐํ„ฐ'๋ผ๊ณ  ํ•˜๊ณ , ์ด๊ฒƒ์ด ํ•˜๋Š” ์ผ์„ '๋ผ์šฐํŒ…'์ด๋ผ๊ณ  ํ•œ๋‹ค. ์‚ฌ์šฉ์ž์˜ ์š”์ฒญ์„ ๊ฐ๊ฐ์— ๋งž๋Š” controller์— ๋ผ์šฐํŒ…ํ•œ๋‹ค.

app.get('/');
app.get('/',function(){});//ํ™ˆํŽ˜์ด์ง€
app.get('/login',function(req,res){
    res.send('Login please');
});//hello๋ผ๋Š” ํŽ˜์ด
  • Express์—์„œ ์ •์  ํŒŒ์ผ ์ œ๊ณต

์ •์ ์ธ ํŒŒ์ผ์„ ๋กœ๋“œํ•  ๋•Œ.'public'์ด๋ผ๋Š” ๋””๋ ‰ํ† ๋ฆฌ ์•ˆ์— ๋กœ๋“œํ•˜๊ณ ์žํ•˜๋Š” ์ •์ ์ธํŒŒ์ผ์ด ๋“ค์–ด์žˆ์Œ.

app.use(express.static('public'));

๊ธ€์ž์™€ ํ•จ๊ป˜ ์ •์ ํŒŒ์ผ์„ ๋กœ๋“œํ•  ๋•Œ :

app.get('/route',(req,res)=>{
    res.send('Hello Router, <img src="lovely_heun.jpg">');
});

์ •์ ์ธ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•  ๋•Œ๋Š” ์ฝ”๋“œ๊ฐ€ ๋ฐ”๋€Œ๋ฉด ์š”์ฒญ์ด ๋“ค์–ด์˜ฌ ๋•Œ๋งˆ๋‹ค ๋…ธ๋“œ๊ฐ€ ์ž๋™์œผ๋กœ ๋กœ๋“œํ•ด์ฃผ๊ธฐ ๋•Œ๋ฌธ์— ์„œ๋ฒ„๋ฅผ ์ข…๋ฃŒํ•  ํ•„์š”์—†์ด ๋ฐ”๋กœ ์—…๋ฐ์ดํŠธ๋œ๋‹ค. ๋™์ ์ธ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•  ๋•Œ๋Š” app.get()์ด ๋‹ค์‹œ ์‹คํ–‰๋˜์–ด์•ผํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์„œ๋ฒ„๋ฅผ ์ข…๋ฃŒํ–ˆ๋‹ค๊ฐ€ ๋‹ค์‹œ ์—ด์–ด์„œ ์‹คํ–‰ํ•ด์•ผํ•œ๋‹ค.

html ๋ฌธ์„œ๋ฅผ ๊ทธ๋Œ€๋กœ ์“ฐ์ง€ ์•Š๊ณ  nodejs๋ฅผ ํ†ตํ•ด ์“ฐ๋Š” ์ด์œ  1. ๋™์ ์œผ๋กœ ๋ฐ˜๋ณต์ ์ธ ๋ญ”๊ฐ€๋ฅผ ์‹คํ–‰ํ•  ๋•Œ.

Last updated