๋ฐ˜์‘ํ˜•
kkh1902
Steadily
kkh1902
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ (151)
    • ๐Ÿ“š Study (1)
      • Spring (9)
      • Java (2)
      • Html, css (10)
      • JS, JQuery (29)
      • DB (5)
      • DevOps (13)
      • roadmap (2)
      • Architecture (1)
      • Flutter (2)
    • ๐Ÿ’ป Computer Science (28)
      • Datastructure (0)
      • Algorithm (2)
      • Design pattern (0)
      • Network (1)
      • DB (13)
      • Operating System (0)
      • Software Engineering (4)
      • CS interview (5)
      • topcit (3)
    • โš’๏ธ Etc (4)
      • Error (3)
      • Trouble_Shooting (1)
    • ๐Ÿ“ฐ News (0)
      • daily (7)
      • think (17)
    • ๐Ÿ“˜ Hobby (13)
      • English (13)
    • ๐Ÿค– AI (7)
      • ML (7)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ๐Ÿ“‹ ์ด๋ ฅ์„œ
  • โšก๏ธ ๊นƒํ—ˆ๋ธŒ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • Qr_payment project # CSS ํ•ด์„ # Basic ๋งจ์œ„ ํ•ด์„
  • React JS # ์ž์Šต์„œ # Component์™€ Props
  • junit5
  • Flutter
  • Wonder # word
  • React # JSX
  • ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™ # chapter1
  • gitaction
  • db
  • React JS #์ž์Šต์„œ
  • git
  • think #bootstrap์„ ์จ์•ผํ•˜๋Š” ์ด์œ 
  • React๋ฅผ ๋ฐฐ์›Œ์•ผํ•˜๋Š” ์ด์œ 
  • git stash
  • Linear Regression
  • sourcetreee
  • SpringBootTest
  • ์†Œํ”„ํŠธ์›จ์–ด ๊ณตํ•™ #project๋งŒ๋“ค๋•Œ ์ค‘์š”
  • testcode
  • React JS # 2 The Basic of React

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

250x250
hELLO ยท Designed By ์ •์ƒ์šฐ.
๊ธ€์“ฐ๊ธฐ / ๊ด€๋ฆฌ์ž
kkh1902

Steadily

[node.js] req.params vs req.body vs req.query
๐Ÿ“š Study/JS, JQuery

[node.js] req.params vs req.body vs req.query

2022. 9. 20. 00:30
728x90
๋ฐ˜์‘ํ˜•

node.js๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋ฉด์„œ ์ฃผ์†Œ๋กœ ๋ฐ›๋Š” params( ๋ผ์šฐํ„ฐ ๋งค๊ฐœ๋ณ€์ˆ˜) ์™€ req.body ๋ฐ์ดํ„ฐ๋“ค์„ ๋‹ด์•„์„œ ๋ณด๋‚ผ ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ(์œ ์ €์˜ ์ •๋ณด ๋˜๋Š” ํŒŒ์ผ) ํ‚ค ๊ฐ’์œผ๋กœ ๋ณด๋‚ด๋Š” ๊ฒƒ์€ ์•Œ๊ณ  ์žˆ์—ˆ์œผ๋‚˜ req.query๋ฅผ ์“ฐ๋Š” ์„ ๋ฐฐ๋ฅผ ๋ณด๊ณ  ์ด๊ฑด ๋ชจ๋ฅด๋ฉด ์•ˆ๋  ๊ฒƒ ๊ฐ™์•„์„œ ์ •๋ฆฌ ํ•ฉ๋‹ˆ๋‹ค.

 

req.params

- ๋ผ์šฐํ„ฐ ๋งค๊ฐœ๋ณ€์ˆ˜

 

์˜ˆ๋ฅผ ๋“ค์–ด /:id/:name ๊ฒฝ๋กœ๊ฐ€ ์žˆ์œผ๋ฉด ":id"์†์„ฑ๊ณผ ":name"์†์„ฑ์„ req.params.id, req.params.name์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค.

www.example.com/post/1/jun ์ผ ๊ฒฝ์šฐ 1๊ณผ jun์„ ๋ฐ›๋Š”๋‹ค. 

req.body

- JSON ๋“ฑ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋‹ด์„๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. (์ฃผ๋กœ POST๋กœ ์œ ์ €์˜ ์ •๋ณด ๋˜๋Š” ํŒŒ์ผ ์—…๋กœ๋“œ(formdata)๋ฅผ ๋ณด๋ƒˆ์„ ๋•Œ )

์š”์ฒญ ๋ณธ๋ฌธ์— ์ œ์ถœ ๋œ ํ‚ค-๊ฐ’ ๋ฐ์ดํ„ฐ ์Œ์„ ํฌํ•จํ•œ๋‹ค.

 

req.query

- ๊ฒฝ๋กœ์˜ ๊ฐ ์ฟผ๋ฆฌ ๋ฌธ์ž์—ด ๋งค๊ฐœ ๋ณ€์ˆ˜์— ๋Œ€ํ•œ ์†์„ฑ์ด ํฌํ•จ ๋œ ๊ฐœ์ฒด๋‹ค. (์ฃผ๋กœ GET ์š”์ฒญ์— ๋Œ€ํ•œ ์ฒ˜๋ฆฌ)

 

์˜ˆ๋ฅผ ๋“ค์–ด www.example.com/post/1/jun?title=hello! ์ด๋ฉด,

title ๋งค๊ฐœ๋ณ€์ˆ˜(parameter)์˜, hello!์ด๋ผ๋Š” ๊ฐ’(argument)์„ ๊ฐ€์ ธ์˜จ๋‹ค.

์ด์ •๋ฆฌ

  • params๋Š” router ๋งค๊ฐœ๋ณ€์ˆ˜ ๊ฐ–๊ณ  ์˜จ๋‹ค.
  • bodys๋Š” post๋กœ ๋ณด๋‚ธ ๊ฐ์ฒด ๋ถ€๋ถ„์„ ๊ฐ–๊ณ  ์˜จ๋‹ค
  • query ๋Š” ? ๋’ท๋ถ€๋ถ„์„ ๊ฐ€์ ธ์˜จ๋‹ค.!!
728x90
๋ฐ˜์‘ํ˜•

'๐Ÿ“š Study > JS, JQuery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

jQuery / Method / .val() - ์–‘์‹(form)์˜ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ๊ฐ’์„ ์„ค์ •ํ•˜๋Š” ๋ฉ”์†Œ๋“œ  (0) 2023.01.15
JQuery  (0) 2023.01.14
Mongo DB์™€ Node.js ์—ฐ๋™ํ•˜๊ธฐ  (0) 2022.05.15
์š”์ฒญ ๋ผ์šฐํŒ…ํ•˜๊ธฐ  (0) 2022.05.14
๋ฏธ๋“ค์›จ์–ด ์‚ฌ์šฉํ•˜๊ธฐ  (0) 2022.05.14
    '๐Ÿ“š Study/JS, JQuery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • jQuery / Method / .val() - ์–‘์‹(form)์˜ ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ๊ฐ’์„ ์„ค์ •ํ•˜๋Š” ๋ฉ”์†Œ๋“œ
    • JQuery
    • Mongo DB์™€ Node.js ์—ฐ๋™ํ•˜๊ธฐ
    • ์š”์ฒญ ๋ผ์šฐํŒ…ํ•˜๊ธฐ
    kkh1902
    kkh1902
    1Day 1 Commit ๋ชฉํ‘œ ๊ณต๋ถ€ํ•œ๊ฒƒ๋“ค ๋งค์ผ ๊ธฐ๋กํ•˜๊ธฐ

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”