Angular에서 간단하게 번역기능 구현하기
Angular에서 간단하게 번역기능 구현하기이글은 Angular에서 번역을 구현하는 방법에 대해 설명합니다. 소개이 글에서 다음과 같은 방법을 배웁니다. 아래와 같이 HTML 뷰에서 단어를 번역하는데 사용할 수있는 Pipe를 만듭니다. 12<!-- should display 'hola mundo' when translate to Spanish --&
홈
Angular 동적 컴포넌트 로딩
Dynamic Component LoaderComponent 템플릿이 항상 고정되어있는 것은 아닙니다. 응용 프로그램은 런타임에 새로운 Component를 로드할 수 있어야 합니다.이 포스트는 ComponentFactoryResolver를 사용하여 Component를 동적으로 추가하는 방법을 설명합니다. live example을 보거나 다운로드할 수 있습니
Angular HttpClient
HttpClient대부분의 프런트 엔드 응용 프로그램은 HTTP 프로토콜을 통해 백엔드 서비스와 통신합니다. 최신 브라우저는 HTTP 요청을하기 위해 XMLHttpRequest 인터페이스와 fetch() API의 두 가지 API를 지원합니다. @angular/common/http의 HttpClient를 사용하면 브라우저에서 공개되는 XMLHttpReques
Angular 튜터리얼 - HTTP
HTTP이 페이지에서 다음과 같이 개선할 것입니다. 서버에서 Hero 데이터를 가져옵니다. 사용자가 Hero 이름을 추가, 편집 및 삭제할 수 있습니다. 변경 사항을 서버에 저장합니다. 원격 서버의 웹 API에 해당 HTTP 호출을 하도록 앱을 수정합니다. 이 페이지를 끝내면 앱은이 라이브 예제/예제 다운로드처럼 보일 것입니다. 어디까지 했었나?이전 페
Angular 튜터리얼 - 라우팅
RoutingTour of Heroes 앱에 대한 새로운 요구 사항이 있습니다. Dashboard View를 추가합니다. Heroes와 대시보드 보기 사이를 Navigation할 수있는 기능을 추가합니다. 사용자가 Hero 이름을 클릭하면 선택한 Hero의 상세보기로 이동합니다. 사용자가 이메일에서 딥 링크를 클릭하면 특정 Hero의 상세 보기를 엽니다.
Angular 튜터리얼 - Master/Detail
Master/Detail이 페이지에서는 Tour of Heroes 앱을 확장하여 Heroes 목록을 표시하고 사용자가 Hero를 선택하고 Hero의 세부 정보를 표시하도록 합니다. 이 페이지를 끝내면 앱은 이 라이브 예제/예제 다운로드처럼 보일 것입니다. 어디까지 했나?Tour of Heroes 페이지를 계속하기 전에 The Hero Editor 이후에 아
Angular 튜터리얼 - 서비스
ServicesTour of Heroes 앱이 발전함에 따라 Hero 데이터에 액세스 해야하는 더 많은 Component가 추가됩니다. 동일한 코드를 반복해서 복사후 붙여 넣는 대신 재사용 가능한 단일 데이터 Service를 만들어 필요한 Component에 삽입합니다. 별도의 Service를 사용하면 Component를 간결하게 유지하고 View 지원에
Angular 튜터리얼 - 다중 콤포넌트
Multiple Components현재 AppComponent에서 모든 것을 하고 있습니다. 처음에는 하나의 Hero에 대한 상세 보기를 보여주었습니다. 그런 다음 Hero들 목록과 Hero 세부 정보가 모두 포함된 master/detail 형식이 되었습니다. 곧 새로운 요구 사항과 기능이 생길 것입니다. 한 Component에 모든 기능을 유지할 수는 없
Angular 튜터리얼 - Hero 에디터
The Hero EditorLocal 개발환경 설치설치 안내에 따라 angle-tour-of-heroes라는 새 프로젝트를 만듭니다. 파일 구조는 다음과 같아야합니다. 123456789101112angular-tour-of-heroes ┣ src ┃ ┣ app ┃ ┃ ┣ app.component.ts ┃ ┃ ┗ app.module.ts ┃ ┣ m
Angular 튜터리얼 - 소개
Tutorial: Tour of Heroes이글의 내용은 인력 관리 기관이 Hero들을 안정적으로 관리하는데 도움이 되는 앱을 제작하는 것입니다. Tour of Heroes 앱은 Angular의 기본 핵심 사항을 다룹니다. Hero들 목록을 얻어 표시하고, Hero의 세부 사항을 편집하고, Hero의 영웅적인 데이터를 다양한 관점에서 탐색하는 등, 본격적인