์ง๋ ํฌ์คํ ์ ์ด์ด์ URL ๊ด๋ จ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ณ ์ ํ๋ค.
๊ตฌํ ํ๊ณ ์ ํ๋ ๊ฒ
URL์์ ๋ด๊ฐ ํ์๋ก ํ๋ ์์์ ๋ชป๊ฐ์ ธ ์ค๋ ๊ฒฝ์ฐ
์ด๋ค ๋ฐฉ๋ฒ์ผ๋ก ๋์ฒด๋ฅผ ํ ๊ฒ์ธ์ง.
URL์ ์์์ ๋ด์ง ์๋ ์ด์
์ฐ๋ฆฌ๋ ์ด๋ฒ ํ๋ก์ ํธ๋ฅผ ์งํํจ์ ์์ด์ ์ต๋ํ ์ฌ๋ฌ ์๋๋ฅผ ํด๋ณด๊ณ ์ ํ๊ณ ,
๋ณด์์ด์๋ฑ์ผ๋ก URL์์ ์ ์ ์ ๊ฐ์ธ ID ๋๋ ๋ฌด์ธ๊ฐ ์ ๋ณด๋ฅผ ๋ด๊ณ ์์๋งํ URI๋ ๋นผ๊ณ ์ ํ๊ธฐ์,
๋ค๋ฅธ ๋ฐฉ๋ฒ์ ๊ตฌ์ํ๊ฒ ๋์๋ค.
์๋ํ ๊ฒ
HTML ํ๊ทธ ์์ฑ์ค data๋ผ๋ ์์ฑ์ ํตํด์ id ๋์ ๊ฐ ํ๊ทธ์ ์ ์ผ๊ฐ์ ์ง์ ํด์ค ์ ์์๊ณ ,
inner HTML๋ก ์ ์ ์ ๋ฐ์ดํฐ๋ฅผ ํ๋ฉด์ ๋ฟ๋ ค์ค๊ณผ ๋์์ data๋ผ๋ ์์ฑ๊ฐ์ ํด๋น ์ ์ ์ ์ด๋ ฅ์ id ๋๋ ํด๋น ์ ์ ์ userId ๊ฐ์ด ๋ค์ด๊ฐ ์ ์๊ฒ ํด์ฃผ์๊ณ , ๊ทธ ๋ฐ์ดํฐ(์์)์ ๊ฐ์ง๊ณ ๋ด๊ฐ ์ํ๋ API์ fetch ์์ฒญ ๋ฑ ๋ค์ํ ์์ฒญ์ ์ํํ ์ ์์๋ค.
'JS' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS] : URL ์์ ์์(๋ฐ์ดํฐ) ๊ฐ์ ธ์ค๊ธฐ (0) | 2023.08.24 |
---|---|
[JS] : this binding (0) | 2023.07.28 |
[JS] : ์์ ๋ณต์ฌ / ๊น์ ๋ณต์ฌ (0) | 2023.07.27 |
[JS] : Call By Value / Call By Reference (0) | 2023.07.27 |
[JS] : ์กฐ๊ฑด๋ถ ์คํ / ์ผํญ ์ฐ์ฐ์์ ๋จ์ถํ๊ฐ (0) | 2023.07.26 |