์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- ๋ผํ๋ผ์ค์๋ง๋
- ์ค๋ธ์
- ์๋ฐ
- ์ปดํจํฐ๊ณผํ
- ์นํผ๋ธ๋ฆฌ์ฑ
- ํฐ์คํ ๋ฆฌ์ฑ๋ฆฐ์ง
- JavaScript
- ComputerScience
- ์นํ์ด์ง๋ง๋ค๊ธฐ
- K๋ฐฐํฐ๋ฆฌ๋ ๋ณผ๋ฃจ์
- ์ํ
- ์ค๋ผํด
- Java
- ํ์ด์ฌ
- ์๋ฐ์คํฌ๋ฆฝํธ
- ํ๋ก๊ทธ๋๋ฐ
- ์ฑ
- ์ฝ๋ฉ
- database
- K๋ฐฐํฐ๋ฆฌ
- ๊น๋ฏธ๊ฒฝ์๋งํ์์
- ๋ ์
- ๋ฐ์ดํฐ๋ฒ ์ด์ค
- html
- ๋ง์ผ๋ด๊ฐ์ธ์์๋ค์์ฐ๋ค๋ฉด
- Python
- ๋ฐ์ํ
- css
- ๋ฆฌ์กํธ
- ๊ฐ๋ฐ
- Today
- Total
JiYoung Dev ๐ฅ
[Node.js] Express ์ฌ์ฉํ๊ธฐ (2023.07.05) ๋ณธ๋ฌธ
Express์์ ๋ง์ด ์ฌ์ฉํ๋ ๊ฒ
์ค๊ฐ์ ์์นํ๊ฒ ๋๋ ํจ์๋ค
์ด๋ ๋ฃจํธ๋ก ๊ฐ๋๊ฒ ํจ์จ์ ์ธ์ง ๋ผ์ฐํฐ๊ฐ ํ์ธ > ๋คํธ์ํฌ์์ ๋งํ๋ ๋ผ์ฐํฐ
ํด๋ผ์ด์ธํธ์ ์์ฒญ๊ฒฝ๋ก(url)์ ๋ณด๊ณ ์ด๋์์ ์ฒ๋ฆฌํ๋ฉด ๋๋์ง ์ ๋ฌํด์ฃผ๋ ์ญํ > express์์์ ๋ผ์ฐํฐ
http ๋ชจ๋์์๋ ์กฐ๊ฑด์ ์ ์ฌ์ฉํ์
app ์ธ์คํด์ค : ์์ฒญ๋ฐ๊ณ , ์๋ตํ๋ ๋ชจ๋ ์์ ์ app ์ธ์คํด์ค๋ฅผ ํตํด์ ์งํํจ
์ธ์คํด์ค๋ ?
- ์์ฑ๋ ์๋ก ๋ค๋ฅธ ๊ฐ์ฒด
์ ๋ฆฌ
http ๋ชจ๋
: ์์ฒญ ๋ฉ์๋๋ฅผ ์กฐ๊ฑด๋ฌธ์ผ๋ก ์์ฑํด์ค์ผ ํจ >> ๋ถํธ >> express ํ๋ ์์ํฌ๋ฅผ ์ฌ์ฉ
ํ๋ ์์ํฌ์ ํน์ง : ์ด๊ธฐ์๋ ๊ณต๋ถํ๋๋ฐ ์๊ฐ์ด ๊ฑธ๋ฆผ / ์ฌ์ฉ๋ฐฉ๋ฒ์ ์ตํ๋ฉด ์ฌ์ฉํ๊ธฐ๊ฐ ํธํ๋ค.
Express ์ฌ์ฉ๋ฐฉ๋ฒ ์ตํ๊ธฐ
1. ์ค์น : terminal - npm install express
2. ์ค์นํ๋ฉด node_modules ๋ฐ package ํ์ผ ์ค์น ๋จ
- package.json > ์ฌ์ฉํ๊ณ ์ ํ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ ์ (์ค์น๊ฐ ๋๋ฉด ์์ฑ๋จ)
3. ์๋ฒ ์ด๊ธฐ
- app.js ํ์ผ ์์ฑ > express ์ฌ์ฉํ๊ฒ ๋ค๊ณ ์ ์
4. ์คํ ๋ฐฉ๋ฒ
- node app
express์์ get, post ๋ฐฉ์ ์์ฒญ, ์๋ต ๋ฐ๊ธฐ
get
: app.get()
: req.query ์ฌ์ฉํ์ฌ ์ฟผ๋ฆฌ์คํธ๋ง ๋ฐ์ดํฐ ๊ฐ์ฒด ํํ๋ก ๋ฐ์์ฌ ์ ์์
: req.params ์ฌ์ฉํ์ฌ ๊ฒฝ๋ก์ ๋ด๊ฒจ์ ธ ์ค๋ ๋ฐ์ดํฐ ๊ฐ์ฒด ํํ๋ก ๋ฐ์ ์ฌ ์ ์์
post
: req.body ์ฌ์ฉํ์ฌ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ฒด ํํ๋ก ๋ฐ์ ์ ์์
: ๋จ, ์ฌ์ฉ์์๋ ํ์ฑ ํ์! (express.urlencoded)
: express.urlencoded
> express ์๋ฒ๋ก post ์์ฒญ์ ํ ๋ input ํ๊ทธ์ value ๊ฐ ์ ๋ฌ์ ์ํด ์ฌ์ฉ
> ์์ฒญ ๋ฐ์ดํฐ๋ฅผ ํด์ํด์ req.body ๊ฐ์ฒด๋ก ๋ง๋ค์ด์ฃผ๋ ๋ฏธ๋ค์จ์ด
> ์์ฒญ ๋ฐ์ดํฐ๊ฐ url-encoded ํ์์ ๋ฌธ์์ด๋ก ๋์ด์ค๊ธฐ ๋๋ฌธ์ ๊ฐ์ฒด๋ก ๋ณํ ํ์
(json์ผ๋ก ๋์ด์ค๋ ๊ฒฝ์ฐ express.json ๋ฏธ๋ค์จ์ด ์ฌ์ฉ)
***ํ์ฑ(parsing)
์นํ์ด์ง์์ ์ํ๋ ๋ฐ์ดํฐ๋ฅผ ์ถ์ถํ์ฌ ๊ฐ๊ณตํ๊ธฐ ์ฌ์ด ์ํ๋ก ๋ฐ๊พธ๋ ๊ฒ
๋ผ์ฐํฐ
: ์์ฒญํ ๊ณณ์ ๋ฐ๋ผ์ ๋ค๋ฅธ ๊ณณ์์ ์ฒ๋ฆฌํ ์ ์๋๋ก ๋ง๋ค์ด์ค
๊ธฐํ. npm install nodemon
npm start >> ์คํ๊ฐ๋ฅ
'full stack > Back-End' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[Node.js] ๋ฐ์ดํฐ๋ฒ ์ด์ค ์ฐ๋ํ๊ธฐ (2023.07.06 ~ 07) (0) | 2023.07.06 |
---|---|
[Node.js] ์ฟ ํค/์ธ์ (2023.07.06 ~ 07) (0) | 2023.07.06 |
[Spring Boot] Spring Boot ์ฌ์ฉํ๊ธฐ (2023.06.07) (0) | 2023.06.07 |
[Spring] AJAX ๋น๋๊ธฐ ํต์ - ์์ด๋ ์ค๋ณต ์ฒดํฌ ๊ธฐ๋ฅ ๊ตฌํ (2023.06.01) (0) | 2023.06.01 |
[JSP&Servlet] FrontController (2023.05.23~24) (0) | 2023.05.24 |