๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

params ์•ˆ๋จ1

vue router / query vs params vue router ๋ทฐ๋กœ ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌํ˜„ํ•  ๋•Œ ํ™”๋ฉด ์ „ํ™˜ ๋ฐ ํŽ˜์ด์ง€ ์ด๋™์„ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋‹ค. ์›น์—์„œ ๋ผ์šฐํŒ…์€ ํŽ˜์ด์ง€ ๊ฐ„์˜ ์ด๋™ ๋ฐฉ๋ฒ•์„ ๋œปํ•˜๋Š”๋ฐ ๋ทฐ๋Š” ํ™”๋ฉด ์ด๋™ ์‹œ DOM์„ ์ƒˆ๋กœ ๊ฐฑ์‹ ํ•˜์ง€ ์•Š๊ณ  ๋ณ€๊ฒฝ๋œ ์ปดํฌ๋„ŒํŠธ๋งŒ ๊ฐฑ์‹ ํ•˜์—ฌ ๊นœ๋นก์ž„ ์—†์ด ๋งค๋„๋Ÿฝ๊ฒŒ ์ „ํ™˜๋˜๋Š” ์žฅ์ ์ด ์žˆ๋‹ค. ํŽ˜์ด์ง€ ์ด๋™ ํƒœ๊ทธ๋กœ ํ™”๋ฉด์—์„œ ํƒœ๊ทธ๋กœ ์น˜ํ™˜๋˜์–ด ์‹คํ–‰๋œ๋‹ค. :to ์†์„ฑ path: ์ด๋™ํ•˜๋ ค๋Š” ๊ฒฝ๋กœ name: ์ด๋™ํ•˜๋ ค๋Š” ๊ฒฝ๋กœ๋ฅผ ๋ผ์šฐํ„ฐ์— ์„ค์ •๋œ ์ด๋ฆ„์œผ๋กœ ์ง€์ • query: query string ํ˜•ํƒœ๋กœ ์ „๋‹ฌ๋˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ, GET ๋ฐฉ์‹ params: name ์†์„ฑ์„ ์ง€์ •ํ•˜์—ฌ ์ด๋™ํ•  ๋•Œ(path๊ฐ€ ์•„๋‹Œ) ์ „๋‹ฌ๋  ํŒŒ๋ผ๋ฏธํ„ฐ, POST ๋ฐฉ์‹ query vs. params ๐Ÿง params๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๋ฉด path๊ฐ€ ์•„๋‹Œ name์œผ๋กœ ์ด๋™.. 2022. 6. 14.