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

[JS] : URL์—์„œ ์ž์›์„ ๋ชป๊ฐ€์ ธ ์˜ค๋Š”๊ฒฝ์šฐ

by ๊ถŒ์Šพํ–„ 2023. 8. 28.

์ง€๋‚œ ํฌ์ŠคํŒ…์— ์ด์–ด์„œ URL ๊ด€๋ จ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ณ ์ž ํ•œ๋‹ค.

 

๊ตฌํ˜„ ํ•˜๊ณ ์ž ํ•˜๋Š” ๊ฒƒ

URL์—์„œ ๋‚ด๊ฐ€ ํ•„์š”๋กœ ํ•˜๋Š” ์ž์›์„ ๋ชป๊ฐ€์ ธ ์˜ค๋Š” ๊ฒฝ์šฐ
์–ด๋–ค ๋ฐฉ๋ฒ•์œผ๋กœ ๋Œ€์ฒด๋ฅผ ํ•  ๊ฒƒ์ธ์ง€.

 

URL์— ์ž์›์„ ๋‹ด์ง€ ์•Š๋Š” ์ด์œ 

์šฐ๋ฆฌ๋Š” ์ด๋ฒˆ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•จ์— ์žˆ์–ด์„œ ์ตœ๋Œ€ํ•œ ์—ฌ๋Ÿฌ ์‹œ๋„๋ฅผ ํ•ด๋ณด๊ณ ์ž ํ–ˆ๊ณ ,

๋ณด์•ˆ์ด์Šˆ๋“ฑ์œผ๋กœ URL์—์„œ ์œ ์ €์˜ ๊ฐœ์ธ ID ๋˜๋Š” ๋ฌด์–ธ๊ฐ€ ์ •๋ณด๋ฅผ ๋‹ด๊ณ ์žˆ์„๋งŒํ•œ URI๋Š” ๋นผ๊ณ ์ž ํ–ˆ๊ธฐ์—,

๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์„ ๊ตฌ์ƒํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค.

 

์‹œ๋„ํ•œ ๊ฒƒ

HTML ํƒœ๊ทธ ์†์„ฑ์ค‘ data๋ผ๋Š” ์†์„ฑ์„ ํ†ตํ•ด์„œ id ๋Œ€์‹  ๊ฐ ํƒœ๊ทธ์— ์œ ์ผ๊ฐ’์„ ์ง€์ •ํ•ด์ค„ ์ˆ˜ ์žˆ์—ˆ๊ณ ,
inner HTML๋กœ ์œ ์ €์˜ ๋ฐ์ดํ„ฐ๋ฅผ ํ™”๋ฉด์— ๋ฟŒ๋ ค์คŒ๊ณผ ๋™์‹œ์— data๋ผ๋Š” ์†์„ฑ๊ฐ’์— ํ•ด๋‹น ์œ ์ €์˜ ์ด๋ ฅ์„œ id ๋˜๋Š” ํ•ด๋‹น ์œ ์ €์˜ userId ๊ฐ’์ด ๋“ค์–ด๊ฐˆ ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ์—ˆ๊ณ , ๊ทธ ๋ฐ์ดํ„ฐ(์ž์›)์„ ๊ฐ€์ง€๊ณ  ๋‚ด๊ฐ€ ์›ํ•˜๋Š” API์— fetch ์š”์ฒญ ๋“ฑ ๋‹ค์–‘ํ•œ ์š”์ฒญ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์—ˆ๋‹ค.