Search
Duplicate

Express

Node.js ๊ธฐ๋ฐ˜ ์›น ๊ฐœ๋ฐœ ํ”„๋ ˆ์ž„์›Œํฌ
express
express #Javascript #Node.js #Express
https://youtu.be/5jzlBkHgzlY?list=PL4C2AmBC9jOZt8T7VOWvLBbnwpPxeIhtr
Node.js ์„ค์น˜
Node.js ์„ค์น˜ #Node.js #๋…ธ๋“œ์„ค์น˜
https://youtu.be/meky2rl4jkk?list=PL4C2AmBC9jOZt8T7VOWvLBbnwpPxeIhtr
Express

express

Node.js๋ฅผ ์œ„ํ•œ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋ ˆ์ž„์›Œํฌ

์ •์˜

โ€ข
๋น ๋ฅด๊ณ  ๊ฐ„ํŽธํ•œ ๋ฐฉ์‹์œผ๋กœ ์›น ๋ฐ ๋ชจ๋ฐ”์ผ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ค๋‹ˆ๋‹ค.
โ€ข
๋ผ์šฐํŒ…, ๋ฏธ๋“ค์›จ์–ด, ํ…œํ”Œ๋ฆฟ ์—”์ง„ ๋“ฑ ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ๊ฐœ๋ฐœ์ž๊ฐ€ ์œ ์—ฐํ•˜๊ฒŒ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
express ์†Œ๊ฐœ ๋ฐ ์„ค์น˜

ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ชจ๋“ˆ - express-generator

express-generator ์„ค์น˜

์‚ฌ์ „์„ค์น˜ : mkdrip ์ตœ์„  ๋ฒ„์ „ ์„ค์น˜
express-generator

๋ฏธ๋“ค์›จ์–ด (middleware)

Express.js ์˜ ์š”์ฒญ(request)๊ณผ ์‘๋‹ต(response) ์‚ฌ์ด์˜ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š” ํ•จ์ˆ˜
๋ฏธ๋“ค์›จ์–ด๋Š” Express ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์˜ ์š”์ฒญ-์‘๋‹ต ์‚ฌ์ดํด ๋™์•ˆ ๋‹ค์–‘ํ•œ ์ž‘์—…์„ ์ฒ˜๋ฆฌํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๊ฐ ๋ฏธ๋“ค์›จ์–ด๋Š” ์š”์ฒญ ๊ฐ์ฒด(req), ์‘๋‹ต ๊ฐ์ฒด(res), ๊ทธ๋ฆฌ๊ณ  ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์š”์ฒญ-์‘๋‹ต ์ฃผ๊ธฐ๋ฅผ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด ํ˜ธ์ถœ๋˜๋Š” ๋‹ค์Œ ๋ฏธ๋“ค์›จ์–ด ํ•จ์ˆ˜๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” next ํ•จ์ˆ˜๋ฅผ ๋ฐ›์Šต๋‹ˆ๋‹ค.

๋ฏธ๋“ค์›จ์–ด์˜ ํŠน์ง•

1.
์ˆœ์ฐจ์  ์‹คํ–‰: ๋ฏธ๋“ค์›จ์–ด๋Š” ์ฝ”๋“œ์—์„œ ์ •์˜๋œ ์ˆœ์„œ๋Œ€๋กœ ์ˆœ์ฐจ์ ์œผ๋กœ ์‹คํ–‰๋ฉ๋‹ˆ๋‹ค.
๋ฏธ๋“ค์›จ์–ด

Router

์ •์˜

Express ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋ผ์šฐํŒ…์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฐ์ฒด
๋ผ์šฐํ„ฐ ๊ฐ์ฒด๋Š” Express ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ๋ผ์šฐํŒ…์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค. ๋ผ์šฐํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ HTTP ์š”์ฒญ์„ ํŠน์ • ํ•ธ๋“ค๋Ÿฌ๋กœ ๋งคํ•‘ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•ธ๋“ค๋Ÿฌ๋Š” ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ์‘๋‹ต์„ ์ƒ์„ฑํ•˜๋Š” ํ•จ์ˆ˜์ž…๋‹ˆ๋‹ค.
Router

req & res

req

HTTP ์š”์ฒญ์— ๋Œ€ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ๊ฐ์ฒด

์ฃผ์š” ์†์„ฑ ๋ฐ ๋ฉ”์†Œ๋“œ

req & res

pug

Node.js์—์„œ ์‚ฌ์šฉ๋˜๋Š” ํ…œํ”Œ๋ฆฟ ์—”์ง„
Pug๋Š” HTML๊ณผ JavaScript๋ฅผ ์กฐํ•ฉํ•œ ์–ธ์–ด๋กœ, HTML์˜ ์žฅ์ ์ธ ๊ฐ€๋…์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ์œ ์ง€ํ•˜๋ฉด์„œ JavaScript์˜ ๋™์  ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
ํผ๊ทธ pug

๋„Œ์ ์Šค

Node.js ์˜ ํ…œํ”Œ๋ฆฟ ์—”์ง„
Nunjucks๋Š” ํ…œํ”Œ๋ฆฟ ์—”์ง„ ์ค‘ ํ•˜๋‚˜๋กœ, JavaScript๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ํ•˜๋Š” ๊ฐ•๋ ฅํ•˜๊ณ  ์œ ์—ฐํ•œ ํ…œํ”Œ๋ฆฟ ์—”์ง„์ž…๋‹ˆ๋‹ค. ์ฃผ๋กœ Node.js ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉ๋˜๋ฉฐ, Express.js์™€ ํ•จ๊ป˜ ๋งŽ์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
๋„Œ์ ์Šค Nunjucks

Sequelize

Node.js ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉ๋˜๋Š” ORM(Object-Relational Mapping) ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
MySQL, PostgreSQL, SQLite, MSSQL ๋“ฑ ๋‹ค์–‘ํ•œ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. Sequelize๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด JavaScript ์ฝ”๋“œ๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์™€ ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์Šคํ‚ค๋งˆ๋ฅผ ๋ชจ๋ธ๋กœ ์ •์˜ํ•˜์—ฌ ์‰ฝ๊ฒŒ ๋‹ค๋ฃฐ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์‹œํ€„๋ผ์ด์ฆˆ

Nodemon

Node.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ฐœ๋ฐœํ•  ๋•Œ ์‚ฌ์šฉ๋˜๋Š” ๋„๊ตฌ๋กœ, ์ฝ”๋“œ ๋ณ€๊ฒฝ์„ ๊ฐ์ง€ํ•˜๊ณ  ์ž๋™์œผ๋กœ ์„œ๋ฒ„๋ฅผ ์žฌ์‹œ์ž‘ํ•ด์ฃผ๋Š” ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. ์ผ๋ฐ˜์ ์œผ๋กœ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•  ๋•Œ๋งˆ๋‹ค ์ˆ˜๋™์œผ๋กœ ์„œ๋ฒ„๋ฅผ ์ค‘์ง€ํ•˜๊ณ  ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์„ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด Nodemon์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
Nodemon

Express ๊ฒŒ์‹œํŒ ํ”„๋กœ์ ํŠธ

1.
ํ”„๋กœ์ ํŠธ ํด๋” ์ƒ์„ฑ - board
2.
๋ชจ๋“ˆ ์„ค์น˜
3.
config.json (๋ฐ์ดํ„ฐ ์†Œ์Šค ์„ค์ •)
Express ๊ฒŒ์‹œํŒ ํ”„๋กœ์ ํŠธ