본문 바로가기

TypeScript36

Angular Component(2) - 로직 처리, 컴포넌트 통신 로직 처리 방법 데이터(class)가 바뀌면 뷰는 자동으로 바뀐다 View가 html 확장자지만 템플릿이라는 것을 잊으면 안됨 그렇기에 class에서 표현식을 통해 데이터 입력이 가능하다 데이터를 바꾸려면 사용자의 입력이 필요하다 항산 그런게 아님(Electron) click 등 이벤트가 필요 사용자가 입력함과 동시에 뷰를 바꾸려면 양방향 데이터 바인딩을 사용한다. [()] 자식이 나한테 들어올 @input, 부모한테 보내줄 @Output 붙어있지 않다면? 같은 가지에 있다면(할아버지)? @Input @Input, @Output @Outpt 같은 가지가 아니라면? 중개자 서비스 2020. 5. 17.
Angular Component(1) - 생성,사용 Component 데코레이터가 달린 클래스를 정의하는 것 데코레이터 한 파일에 하나의 컴포넌트를 작성, 하나의 클래스를 작성 데코레이터에 컴포넌트의 메타 데이터를 작성 selector template, templateUrl styles, styleUrls 생성 ng generate component ng g c 사용 컴포넌트를 모듈에 등록 angular-cli를 사용하면 자동으로 등록 컴포넌트의 셀럭터를 다른 템플릿에서 사용 2020. 5. 17.
Angular - Binding Property and Class binding one way binding : 컴포넌트 프로퍼티 값으로 DOM 속성을 변경 할 수 있지만, 그 반대가 되지 않음 Event Binding 화면에서 발생하는 이벤트를 괄호로 묶고, 해당 이벤트에 따라 수행되는 메서드 명을 지정 (click)="selete(value)" $event 객체는 화면에서 발생한 이벤트 값을 저장한다 Tow way Binding - 투 웨이 바인딩은 두가지 방법이 있다. 1. 2. FormsModule을 Import - Model 의 Banana in a box : 네모 괄호 안에 둥근 괄호를 넣으면 Model 이 양방향으로 바인딩 된다. [( )] [(ngModel)] = "cash" 2020. 5. 14.
TypeScript - 개념과 지식(1) 타입스크립트는 쉽게 말해서 자바스크립트의 상위 호환으로 자바스크립트의 단점을 많이 보안하였다. C#의 창시자인 덴마크 출신 소프트웨어 엔지니어(아네르스 하일스베르)가 개발을 주도했으며 Microsoft에서 2012년에 발표한 오픈소스로써, 정적 타이핑을 지원하며 ES6의 클래스, ES7의 Decorator 등을 지원한다. 타입스크립트는 기존 자바스크립트 문법을 그대로 사용 할 수 있다. 타입스크립트의 장점 1. 정적 타입을 지원한다. 정적타입을 지원하므로 컴파일 단계에서 오류를 포착 할 수 있는 장점이 있다. 명시적인 정적 타입 지정은 개발자의 의도를 명확하게 코드로 기술 할 수 있으며, 가독성을 높이고 디버깅을 쉽게 한다. 2. 강력한 객체지향 언어 지원 강격한 객체지향 프로그래밍 지원으로 인한 크고 .. 2020. 5. 13.

티스토리툴바