๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

Web1

[Angular] Router์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ (feat. ํ™”๋ฉด์ด๋™) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜์€ Angular์—์„œ ํ™”๋ฉด์„ ์ด๋™ํ•˜๋Š” ๋ฐฉ๋ฒ•์ธ Router์— ๋Œ€ํ•ด ๋‹ค๋ค„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ ํ”„๋กœ์ ํŠธ ์„ค์ • ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ์‹œ์— "Would you like to Angular routing?(๋„ˆ ์•ต๊ทค๋Ÿฌ ๋ผ์šฐํŒ… ์‚ฌ์šฉํ• ๊ฑฐ์•ผ?)" ๋ผ๊ณ  ๋ฌป๋Š”๋ฐ, ์—ฌ๊ธฐ์„œ y๋ฅผ ํ•ด์ค๋‹ˆ๋‹ค. login(๋กœ๊ทธ์ธ) ํ™”๋ฉด์„ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. ng g c pages/login register(ํšŒ์›๊ฐ€์ž…) ํ™”๋ฉด์„ ๋งŒ๋“ค์–ด ์ค๋‹ˆ๋‹ค. ng g c pages/register app-routing.modules.ts Routes์— ์›ํ•˜๋Š” endPoint์™€ component(ํ™”๋ฉด)๋“ค์„ ์„ธํŒ…ํ•ด์ค๋‹ˆ๋‹ค. const routes: Routes = [ { path: 'login', component: LoginCompon.. 2022. 3. 24.
728x90
๋ฐ˜์‘ํ˜•

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