본문 바로가기

라우팅2

앵귤러 기초(Angular basic) 26. 라우팅, 메뉴 만들기 라우팅 모듈에 계속해서 RouterLink를 사용해서 라우팅 하는 애플리케이션을 완성해 보겠습니다. 지난 포스트와 내용적으로 이어지니 참고해 주세요. 이번 포스트는 아래 내용을 다루고 있습니다. routerLink디렉티브를 이용한 메뉴 작성 router-outlet 디렉티브로 뷰 지정하기 라우팅 작동 방식 정리 라우팅 라우팅을 통해 유저는 애플리케이션을 탐색합니다. 우리는 흔히 메뉴의 옵션, 링크, 이미지 또는 버튼 등을 클릭해서 애플리케이션(웹페이지)을 탐색하게 됩니다. 또는 URL 뒤에 연결된 URL 세그먼트를 입력하거나 해당 URL에 대한 북마크를 사용하거나 브라우저의 앞으로 또는 뒤로 단추를 누를 수도 있습니다. 개발자는 유저에게 라우팅을 하기 위해 어떤 행위를 해야 하는지 또 그것이 어떻게 보여.. 2022. 2. 4.
앵귤러 기초(Angular basic) 25. 라우팅 모듈 라우팅은 어떻게 작동하게 될까요? 앵귤러 기초 포스트에서 만들고 있는 영화 관리 애플리케이션에 화면을 더 추가한 뒤, 앵귤러 라우팅 콘셉트에 대해 알아보겠습니다. 이번 포스트는 아래의 내용을 다루고 있습니다. Angular CLI로 컴포넌트 추가하기 라우팅 작동 방식 라우팅 모듈 만들기 RouterModule 앱 구성 앱 구성은 아래 다이어그램과 같이 구축할 예정입니다. 현재 진행상태는 회색 박스인 WelcomeComponent와 MovieDetialComponent는 아직 작성하지 않은 상태입니다. Angular CLI로 컴포넌트 추가하기 그럼 추가 컴포넌트를 작성하겠습니다. Angular CLI를 사용하여 코드를 생성하려면 터미널에서 아래와 같이 입력하면 됩니다. ng g c movies/movie-.. 2022. 2. 4.