목록전체 글 (7)
개발을 하기는 합니다만
Observable Observables are lazy Push collections of multiple values. They fill the missing spot in the following table: 옵저버블은 다수의 값을 위한 lazy Push collection이다. 옵저버블은 하단 표에서 다음과 같이 표현될 수 있다. | | Single | Multiple | | --- | --- | --- | | Pull | Function | Iterator | | Push | Promise | Observable | 예시. 아래의 코드는 구독되는 즉시 (동기적으로) 1, 2, 3 의 값을 밀어넣어주는 옵저저블입니다. 값 4 는 구독 요청 후 1초 뒤에 전달되며, 이후에 옵저버블은 완료됩니다. i..
본 글은 앵귤러 공식 홈페이지의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. 템플릿 문법 앵귤러 애플리케이션은 컴포넌트 클래스 인스턴스와 사용자가 마주하는 템플릿의 상호작용을 통해서 사용자가 보는 것과 할 수 있는 것들을 관리합니다. Model Vice Controller(MVC)dhk model-view-viewmodel(MVVM)을 통해 이미 컴포넌트와 템플릿 이중 구조에 이미 익숙할 수도 있습니다. 앵귤러에서, 컴포넌트는 컨트롤러/뷰모델의 역할을하고 템플릿은 뷰를 담당합니다. 이번장은 앵귤러 템플릿 언어에 대한 포괄적이고 기술적인 설명을 제공합니다. 기본적인 템플릿 언어의 원리와 다른 장에서 접하게 될 대부분의 문법을 설명합니다. 이번 장에서 개념들을 설명하게 될..
본 글은 앵귤러 공식 홈페이지의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. 데이터 표시하기 앵귤러 컴포넌트는 애플리케이션의 데이터 구조를 형성합니다. 컴포넌트에 연결되는 HTML 템플릿은 웹페이지의 컨텍스트에 맞게 데이터를 표시하는 수단을 제공합니다. 컴포넌트의 클래스와 템플릿은 애플리케이션 데이터의 뷰를 형성한다고 할 수 있습니다. 데이터 벨류들을 모아 페이지에 반영시키는 것을 데이터 바인딩이라고 부릅니다. 컴포넌트 글래스의 데이터 프로퍼티에 HTML 템플릿 제어권을 연결함으로써 사용자에게 데이터를 보여주거나, 사용자로부터 데이터를 받을 수 있습니다. 추가적으로, 디렉티브를 통해서 템플릿에 로직을 더할 수 있습니다. 디렉티브는 앵귤러에게 랜더링 단계에서 페이지를 어..
본 글은 앵귤러 공식 홈페이지(http://angular.io)의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. 서비스(Servicies)와 의존성 주입(DI: Dependency Injection) 서비스는 앱이 필요로하는 상수, 함수, 기능을 포괄하는 단위입니다. 서비스는 대게 간결하고 기능적으로 잘 정의된 클래스로, 특정 작업을 매우 잘 수행하여야합니다. 앵귤러는 모듈화와 재사용성을 위해 컴포넌트와 클래스를 구분합니다. 컴포넌트의 뷰 관련 기능과 다른 프로세싱 과정을 분리하면, 컴포넌트 클래스를 간결하고 효율적으로 만들 수 있습니다. 이상적으로, 컴포넌트에는 사용자의 행동과 동작에 관한 기능만 두는 것이 좋습니다. 컴포넌트는 템플릿이 제공하는 뷰와 모델을 포함하는 ..
본 글은 앵귤러 공식 홈페이지(http://angular.io)의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. 컴포넌트란? 컴포넌트는 뷰라고 불리우는 화면의 일부를 제어합니다. 예를 들어, 예시 포트폴리오 사이트 내의 개별 컴포넌트는 다음과 같은 뷰를 정의하고 컨트롤합니다. (Vue.js를 이용하여 개발되었지만 설명을 위해 첨부합니다.) 상단에 페이지 메뉴 바를 가진 app root SKILLS 리스트와 SKILLS 에서 EXPEREIENCE와 ETC로 이동할 수 있는 버튼 우측면의 상태 표시 바 또한 Tour-of-Heroes 예시 사이트는 다음과 같은 뷰를 정의하고 관리합니다. Dashboard와 Heroes 를 오갈 수 있는 navigation link를 포함한 ..
본 글은 앵귤러 공식 홈페이지(http://angular.io)의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. NgModule 메타데이터 NgModule는 @NgModule()로 수식되어진 클래스로 정의된다. @NgModules 데코레이터는 프로퍼티가 모듈을 설명하는 하나의 메타데이터 객체를 입력받는 함수이다. 이 메타데이터 객체의 중요한 프로퍼티에는 다음과 같은 것들이 있다 다음은 최상위 NgModule의 예시입니다. declarations: 현 NgModule에 속하는 컴포넌트, 디렉티브, pipe exports : 다른 NgModule의 템플릿에서 보여질 수 있으며 사용가능한 정의들의 부분집합 (쉽게 말해 현 모듈의 기능을 다른 모듈이 사용할 수 있도록 내보내는 ..
본 글은 앵귤러 공식 홈페이지(http://angular.io)의 DOC 항목을 한국어로 (공부 목적으로) 요약(?)정리(?)한 글임을 밝힙니다. Angular 개요 Angular는 HTML과 TypeScript로 클라이언트 SPA(싱글 페이지 애플리케이션)를 개발할 때 사용되는 플랫폼이자 프레임워크입니다. Angular 자체도 TypeScript로 개발되었으며, 개발자가 앱으로 참조시키는 프레임워크의 기능들을 TypeScript 라이브러리처럼 사용할 수 있습니다. 다음은 Angular 애플리케이션 아키텍처는 다음의 기본 원칙을 기반으로 합니다. 기본 구성요소인 NgModules는 Component들의 묶음입니다. NgModules는 프로젝트 내의 연관된 코드들을 기능적인 집합들로 합칩니다. 따라서, A..