ReactRouter
์ฃผ์ ํํ : http://localhost:8080/rock-scissors-paper
์๋ก๊ณ ์นจ ์,
์ด๋ ๊ฒ ์๋ฌ๊ฐ ๋ฌ๋ค.
HashRouter
์ฃผ์ ํํ : http://localhost:8080/#/rock-scissors-paper
(์ค๊ฐ์ #๊ฐ ๋ค์ด๊ฐ๋ค)
์๋ก๊ณ ์นจ ํด๋ ์ ๋์๊ฐ๋ค. ๊ทธ๋ ์ง๋ง ๊ฒ์์์ง์ ๋จ์ง ์์. ๊ทธ๋์ ์ค๋ฌด์์ ์ ์์ด๋ค๊ณ ํ๋ค.
๊ทผ๋ฐ ๋ผ์ฐํฐ๊ฐ ๋๋ฌด ๋ง์์ง๋ฉด ๋น์ฐํ๊ฒ๋ ๊ด๋ฆฌํ๊ธฐ ํ๋ค๋ค. ๊ทธ๋์ dynamic route matching ์ ํ๋ค. ๋ผ์ฐํฐ ๊ฐ์๋ฅผ ์ค์ด๊ธฐ ์ํด.
params ์ ๋ณด๋ฅผ ํตํด ๊ฐ๊ฐ์ name์ ํด๋นํ๋ ์ปดํฌ๋ํธ๋ฅผ ๋ณด์ฌ์ค๋ค.
๋ผ์ฐํฐ ๋๋ ์ฃผ๋๊ฑฐ ๋ญ๊ฐ ์ฌ๋ฐ๋ค. ์ ๊ธฐํ๊ธฐ๋ ํ๊ณ .
์ง๋ขฐ์ฐพ๊ธฐ ์ ์ธํ๊ณ ๊ธฐ๋ณธ ๊ฐ์๋ ๋ค ๋ค์๋ค!