본문 바로가기
반응형

패스트캠퍼스60

2019-07-01 Angular Http Angular http getTodos() { this.http.get('http://localhost:3000/todos') .subscribe(todos => this.todos = todos); // 인수로 옵저버이다. 옵저버가 url을 관측 // 옵저버블 (관측대상) 데이터스트림을 방출할 수 있다. 옵저버가 있으면 방출하겠다. 옵저버가 옵저버블을 관측할거야라는 // 관계를 맺어주는게 subscirbe 이다. observable은 객체, observer는 함수 이다. // 옵저버 => 데이터가 왔을때 할일을 적어준다. 결론적으로 promist then과 비슷. } if (error.error instanceof ErrorEvent) { // 에러타입을 구분한다. // 클라이언트 측의 에러 conso.. 2019. 7. 1.
[프론트엔드 개발 스쿨 17주차] 패스트캠퍼스 2번째 해커톤 1. 2번째 해커톤 시작하기 전 이번 2번째 해커톤을 시작하기전에 팀을 구성하는데 있어서, 자유롭게 인생을 바꾸는 OO 이란 주제로 자유롭게 주제를 선정하고 같이 주제를 하고 싶은 사람들끼리 팀을 구성하게 만들었다. 하지만, 이방법이 좋았는지는 잘모르겠고, 나름 백엔드와의 협업을 기대하였으나 백엔드사람들이 대부분 참여를 하지 않으면서 뭔가 흐지부지 억지로 하는 해커톤 느낌이어서 조금 아쉬웠다. 차라리, 협업을 할거였으면 팀을 짜주는것이 더 좋지 않았을까 싶다.(개인적 의견) 여튼 저번에 수업에서 개인 웹프로젝트를 같이 만든팀이 있었는데 그 2분과 같이 팀을 하게되었다. 그리고 다른 한분까지 총 4명 뭔가 잘 딱딱 맞았기에 프로젝트를 시작하면서 끝까지 개인적인 github문제나 코드가 어려웡 문제 빼고는 .. 2019. 6. 29.
2019-06-25 Angular Lifecycle Hooks, Service, RxJS Lifecycle Hooks 생명주기 : 컴포넌트와 디렉티브가 생성하고 소멸되기까지의 여러과정 훅 메소드들 ngOnChanges : 입력 프로퍼티로 바인딩한 값이 초기화 또는 변경되었을때 실행 ngOnInit : constructor와 비슷하게 한번만 동작. 프로퍼티의 초기화가 완료된 시점에 한번만 호출 ngDoCheck : 변화감지 로직이 실행될 때 호출 ( 가급적 사용하지 않고, 변화감지가 잘 될 수있도록 코딩 한다.) 등등.. 콘텐트 프로젝션 // 부모의 component Single-slot content projection // 자식의 component // 이부분이 바꿔치기가 된다. 서비스 (Service) 자신의 주요 관심사 이외의 부가적인 기능은 애플리케이션 전역의 관심사인 경우가 많다. .. 2019. 6. 25.
2019-06-24 Angular 디렉티브 Angular 디렉티브 디렉티브는 애플리케이션 전역에서 사용할 수 있는 공통 관심사를 컴포넌트에서 분리하여 구현한 것으로 컴포넌트의 복잡도를 낮추고 가독성을 향상시킨다. 컴포넌트도 뷰를 생성하고 이벤트를 처리하는 등 DOM을 관리하기 때문에 큰 의미에서 디렉티브로 볼 수 있다. // test directive import { Directive, ElementRef } from '@angular/core'; @Directive({ selector: '[appTextBlue]' }) export class TextBlueDirective { constructor(public el: ElementRef) { // 의존성 주입 , public을 사용한 el은 TextBlueDirective클래스안 클래스필드 어.. 2019. 6. 24.
반응형

티스토리툴바