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 μ„€μΉ˜

express-generator

미듀웨어 (middleware)

Express.js 의 μš”μ²­(request)κ³Ό 응닡(response) μ‚¬μ΄μ˜ μž‘μ—…μ„ μˆ˜ν–‰ν•˜λŠ” ν•¨μˆ˜
λ―Έλ“€μ›¨μ–΄λŠ” Express μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ μš”μ²­-응닡 사이클 λ™μ•ˆ λ‹€μ–‘ν•œ μž‘μ—…μ„ μ²˜λ¦¬ν•  수 있으며, 각 λ―Έλ“€μ›¨μ–΄λŠ” μš”μ²­ 객체(req), 응닡 객체(res), 그리고 μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μš”μ²­-응닡 μ£ΌκΈ°λ₯Ό μ œμ–΄ν•˜κΈ° μœ„ν•΄ ν˜ΈμΆœλ˜λŠ” λ‹€μŒ 미듀웨어 ν•¨μˆ˜λ₯Ό λ‚˜νƒ€λ‚΄λŠ” next ν•¨μˆ˜λ₯Ό λ°›μŠ΅λ‹ˆλ‹€.

λ―Έλ“€μ›¨μ–΄μ˜ νŠΉμ§•

1.
순차적 μ‹€ν–‰: λ―Έλ“€μ›¨μ–΄λŠ” μ½”λ“œμ—μ„œ μ •μ˜λœ μˆœμ„œλŒ€λ‘œ 순차적으둜 μ‹€ν–‰λ©λ‹ˆλ‹€.
2.
μš”μ²­-응닡 μ£ΌκΈ° μ œμ–΄: 각 λ―Έλ“€μ›¨μ–΄λŠ” μš”μ²­κ³Ό 응닡 객체에 λŒ€ν•œ μ œμ–΄λ₯Ό 가지며, λ‹€μŒ λ―Έλ“€μ›¨μ–΄λ‘œ μ œμ–΄λ₯Ό μ „λ‹¬ν•˜κ±°λ‚˜ μš”μ²­-응닡 μ£ΌκΈ°λ₯Ό μ’…λ£Œν•  수 μžˆμŠ΅λ‹ˆλ‹€.
3.
쀑간 처리 μž‘μ—…: λ―Έλ“€μ›¨μ–΄λŠ” μš”μ²­κ³Ό 응닡을 μ€‘κ°„μ—μ„œ κ°€λ‘œμ±„μ–΄ μˆ˜μ •ν•˜κ±°λ‚˜ μΆ”κ°€ μž‘μ—…μ„ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

자주 μ‚¬μš©λ˜λŠ” 미듀웨어

미듀웨어

Router

μ •μ˜

Express μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ λΌμš°νŒ…μ„ κ΅¬ν˜„ν•˜λŠ” 객체
λΌμš°ν„° κ°μ²΄λŠ” Express μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ λΌμš°νŒ…μ„ κ΅¬ν˜„ν•˜λŠ” 데 μ‚¬μš©λ©λ‹ˆλ‹€. λΌμš°ν„°λ₯Ό μ‚¬μš©ν•˜μ—¬ HTTP μš”μ²­μ„ νŠΉμ • ν•Έλ“€λŸ¬λ‘œ 맀핑할 수 μžˆμŠ΅λ‹ˆλ‹€. ν•Έλ“€λŸ¬λŠ” μš”μ²­μ„ μ²˜λ¦¬ν•˜κ³  응닡을 μƒμ„±ν•˜λŠ” ν•¨μˆ˜μž…λ‹ˆλ‹€.

μ‚¬μš©λͺ©μ 

β€’
HTTP μš”μ²­μ„ νŠΉμ • ν•Έλ“€λŸ¬λ‘œ λ§€ν•‘ν•©λ‹ˆλ‹€.
β€’
URL νŒ¨ν„΄κ³Ό λ§€κ°œλ³€μˆ˜λ₯Ό μ‚¬μš©ν•˜μ—¬ λΌμš°νŒ…μ„ κ΅¬ν˜„ν•©λ‹ˆλ‹€.
β€’
미듀웨어λ₯Ό μ‚¬μš©ν•˜μ—¬ λΌμš°νŒ…μ„ ν™•μž₯ν•©λ‹ˆλ‹€.
Router

req & res

req

HTTP μš”μ²­μ— λŒ€ν•œ 정보λ₯Ό μ œκ³΅ν•˜λŠ” 객체

μ£Όμš” 속성 및 λ©”μ†Œλ“œ

μ˜ˆμ‹œ μ½”λ“œ

1.
URL νŒ¨ν„΄ λ§€κ°œλ³€μˆ˜ μ‚¬μš©ν•˜κΈ°
2.
쿼리 λ¬Έμžμ—΄ μ‚¬μš©ν•˜κΈ°
3.
μš”μ²­ λ³Έλ¬Έ μ‚¬μš©ν•˜κΈ°
req & res

pug

Node.jsμ—μ„œ μ‚¬μš©λ˜λŠ” ν…œν”Œλ¦Ώ 엔진
PugλŠ” HTMLκ³Ό JavaScriptλ₯Ό μ‘°ν•©ν•œ μ–Έμ–΄λ‘œ, HTML의 μž₯점인 가독성과 μœ μ§€λ³΄μˆ˜μ„±μ„ μœ μ§€ν•˜λ©΄μ„œ JavaScript의 동적 κΈ°λŠ₯을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
ν™•μž₯자 : *.pug

μ£Όμš” 문법

퍼그 pug

λ„Œμ μŠ€

Node.js 의 ν…œν”Œλ¦Ώ 엔진
NunjucksλŠ” ν…œν”Œλ¦Ώ 엔진 쀑 ν•˜λ‚˜λ‘œ, JavaScriptλ₯Ό 기반으둜 ν•˜λŠ” κ°•λ ₯ν•˜κ³  μœ μ—°ν•œ ν…œν”Œλ¦Ώ μ—”μ§„μž…λ‹ˆλ‹€. 주둜 Node.js ν™˜κ²½μ—μ„œ μ‚¬μš©λ˜λ©°, Express.js와 ν•¨κ»˜ 많이 μ‚¬μš©λ©λ‹ˆλ‹€.
ν™•μž₯자 : *.njk

μ£Όμš” 문법

λ„Œμ μŠ€ Nunjucks

Sequelize

Node.js ν™˜κ²½μ—μ„œ μ‚¬μš©λ˜λŠ” ORM(Object-Relational Mapping) 라이브러리
MySQL, PostgreSQL, SQLite, MSSQL λ“± λ‹€μ–‘ν•œ λ°μ΄ν„°λ² μ΄μŠ€λ₯Ό μ§€μ›ν•©λ‹ˆλ‹€. Sequelizeλ₯Ό μ‚¬μš©ν•˜λ©΄ JavaScript μ½”λ“œλ₯Ό 톡해 λ°μ΄ν„°λ² μ΄μŠ€μ™€ μƒν˜Έ μž‘μš©ν•  수 있으며, λ°μ΄ν„°λ² μ΄μŠ€ μŠ€ν‚€λ§ˆλ₯Ό λͺ¨λΈλ‘œ μ •μ˜ν•˜μ—¬ μ‰½κ²Œ λ‹€λ£° 수 μžˆμŠ΅λ‹ˆλ‹€.

μ£Όμš” 속성 및 λ©”μ†Œλ“œ

μ‚¬μš© λͺ©μ 

SequelizeλŠ” λ°μ΄ν„°λ² μ΄μŠ€μ™€μ˜ μƒν˜Έ μž‘μš©μ„ μΆ”μƒν™”ν•˜μ—¬ κ°œλ°œμžκ°€ SQL 쿼리λ₯Ό 직접 μž‘μ„±ν•˜μ§€ μ•Šκ³ λ„ λ°μ΄ν„°λ² μ΄μŠ€μ™€ 톡신할 수 있게 ν•΄μ€λ‹ˆλ‹€. 이λ₯Ό 톡해 μ½”λ“œμ˜ 가독성을 높이고, λ°μ΄ν„°λ² μ΄μŠ€ μŠ€ν‚€λ§ˆμ˜ 변경에 μœ μ—°ν•˜κ²Œ λŒ€μ²˜ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ SequelizeλŠ” λ‹€μ–‘ν•œ λ°μ΄ν„°λ² μ΄μŠ€λ₯Ό μ§€μ›ν•˜λ―€λ‘œ, ν”„λ‘œμ νŠΈμ˜ μš”κ΅¬ 사항에 맞게 μ„ νƒν•˜μ—¬ μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.
μ‹œν€„λΌμ΄μ¦ˆ

Nodemon

Node.js μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ κ°œλ°œν•  λ•Œ μ‚¬μš©λ˜λŠ” λ„κ΅¬λ‘œ, μ½”λ“œ 변경을 κ°μ§€ν•˜κ³  μžλ™μœΌλ‘œ μ„œλ²„λ₯Ό μž¬μ‹œμž‘ν•΄μ£ΌλŠ” λ„κ΅¬μž…λ‹ˆλ‹€. 일반적으둜 κ°œλ°œμžκ°€ μ½”λ“œλ₯Ό μˆ˜μ •ν•  λ•Œλ§ˆλ‹€ μˆ˜λ™μœΌλ‘œ μ„œλ²„λ₯Ό μ€‘μ§€ν•˜κ³  λ‹€μ‹œ μ‹œμž‘ν•˜λŠ” λ²ˆκ±°λ‘œμ›€μ„ ν•΄κ²°ν•˜κΈ° μœ„ν•΄ Nodemon이 μ‚¬μš©λ©λ‹ˆλ‹€.

νŠΉμ§•

1.
μ‹€μ‹œκ°„ μ½”λ“œ 감지: μ½”λ“œ 변경을 μ‹€μ‹œκ°„μœΌλ‘œ κ°μ§€ν•˜μ—¬ μžλ™μœΌλ‘œ μ„œλ²„λ₯Ό λ‹€μ‹œ μ‹œμž‘ν•©λ‹ˆλ‹€.
2.
μˆ˜λ™ μž¬μ‹œμž‘ 없이 개발 κ°€λŠ₯: κ°œλ°œμžκ°€ μ½”λ“œλ₯Ό μˆ˜μ •ν•  λ•Œλ§ˆλ‹€ μ„œλ²„λ₯Ό μˆ˜λ™μœΌλ‘œ μ€‘μ§€ν•˜κ³  λ‹€μ‹œ μ‹œμž‘ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.
3.
κ°„νŽΈν•œ μ‚¬μš©λ²•: 기쑴의 Node.js λͺ…령어와 λΉ„μŠ·ν•˜κ²Œ μ‚¬μš©ν•  수 μžˆμ–΄ μ‰½κ²Œ 톡합할 수 μžˆμŠ΅λ‹ˆλ‹€.
Nodemon

Express κ²Œμ‹œνŒ ν”„λ‘œμ νŠΈ

1.
ν”„λ‘œμ νŠΈ 폴더 생성 - board
2.
λͺ¨λ“ˆ μ„€μΉ˜
3.
config.json (데이터 μ†ŒμŠ€ μ„€μ •)
4.
model μ„€μ •
5.
λΌμš°ν„° μž‘μ„±
6.
λ·° μž‘μ„±
7.
app μ„€μ •
Express κ²Œμ‹œνŒ ν”„λ‘œμ νŠΈ