Angular HttpClient
HttpClient대부분의 프런트 엔드 응용 프로그램은 HTTP 프로토콜을 통해 백엔드 서비스와 통신합니다. 최신 브라우저는 HTTP 요청을하기 위해 XMLHttpRequest 인터페이스와 fetch() API의 두 가지 API를 지원합니다. @angular/common/http의 HttpClient를 사용하면 브라우저에서 공개되는 XMLHttpReques
아카이브: 2017
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의 영웅적인 데이터를 다양한 관점에서 탐색하는 등, 본격적인
TypeScript 핸드북 12 - Iterator와 Generator
Iterator와 GeneratorIterables객체가 Symbol.iterator 프로퍼티에 대한 구현을 가지고 있다면 Iterable로 간주됩니다. Array, Map, Set, String, Int32Array, Uint32Array 등과 같은 몇몇 내장 타입은 이미 구현된 Symbol.iterator 프로퍼티를 가지고 있습니다. 객체의 Symbol
TypeScript 핸드북 11 - Symbol
Symbols소개ECMAScript 2015부터 symbol은 number와 string처럼 Primitive 데이터 타입입니다. symbol 값은 Symbol 생성자를 호출하여 생성됩니다. 123let sym1 = Symbol();let sym2 = Symbol("key"); // string "key"는 optional입니다. Symbol은 변경 불가능