19년도 여름방학 모각코 4일차 회고 0705 angular 라우팅 angular는 SPA 이므로 페이지가 하나이다. 그런데 페이지를 구분해야 하는 경우에는 경로 route로 보여지는 뷰만 다르게 해서 리로딩없이 다른 페이지로 넘어갈 수 있다. routing을 해보자. src/app/app-routing.module.ts import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { DashboardComponent } from './dashboard.component'; import { HeroesComponent } from './heroes.component'; import { HeroDetailComponent } .. 19년도 여름방학 모각코 4일차 목표 0705 목표 angular 라우팅 19년도 여름방학 모각코 3일차 회고 0704 목표 angular 컴포넌트간의 변수 바인딩 변화감지 angular는 기본적으로 zone.js라는 변화 감지하는 라이브러리를 포함하고있다. zonejs는 angular에서 만든 변화감지 라이브러리인데 범용적으로 사용하기 위해서 zonejs로 개발하였다. 기본적으로 angular는 프로그램 실행 동안에 view에 보이는 변수값이 변하면 zone이 이것을 감지해서 view도 변하게 만들어준다. ...더보기 사실 Angular는 양방향 바인딩을 지원하지 않는다. 양방향 바인딩을 위한 템플릿 문법[()](이것을 Banana in a box라고 부른다)에서 추측할 수 있듯이 양방향 바인딩은 이벤트 바인딩과 프로퍼티 바인딩의 축약 표현(Shorthand syntax)일 뿐이다. 즉, 양방향 바인딩의 실제 동작은 이.. 19년도 여름방학 모각코 3일차 목표 0704 목표 angular 컴포넌트간의 변수 바인딩 19년도 여름방학 모각코 2일차 회고 0628 SSE란? HTML5가 등장하기 전까지는 HTML에 서버 푸시를 위한 표준화된 기술이 없었다. 때문에 웹에서 실시간 정보를 받아와야 할 때 외부 플러그인을 이용하거나 서버 푸시를 흉내 낸 Ajax 폴링(polling) 기법 등을 사용했는데 플러그인 종속적인 웹은 해당 플러그인을 설치해야 한다는 불편함이 있으며 폴링처럼 주기적인 요청을 통한 구현은 쓸모없는 요청의 발생으로 인한 대역폭의 낭비가 불가피하였다.HTML5의 Server-Sent Events(이하 SSE)는 이러한 문제 없이 서버가 필요할 때마다 클라이언트에게 데이터를 줄 수 있게 해주는 서버 푸시 기술이다. 웹 소켓 웹소켓은 양방향 통신 기술이다. 서버에서 클라이언트로 데이터를 보낼 수 있고 클라이언트에서 서버로 데이터를 보낼 수 있다 가장 큰.. 19년도 여름방학 모각코 2일차 목표 0628 Server Send Event : SSE에 대해 알아보자. 19년도 여름방학 모각코 1일차 회고 0627 Angular 튜토리얼 따라하기. angular 튜토리얼 https://angular.io/start Angular angular.io 1. 리스트 추가 화면 *ngFor 명령어는 angular에서 controller에서 products리스트에서 값을 바인딩 해서 foreach구문처럼 반복을 하겠다 라는 의미이다. 가 반복됨. {{ product.name }} 결과 화면 결과 코드 Phone XL Phone Mini Phone Standard 2.title 지정 [title] angular에서 값 바인딩이 필요하면 angular에서 만들어둔 [title]로 써야 한다. 결과 화면 3. 조건문 *ngIf는 product객체의 description 변수에 값이 있을 때 p태그가 생긴다. 결과 화면 4. 버튼.. 19년도 여름방학 모각코 1일차 목표 0627 목표 Angular 설치하기. angular tutorial 진행하기. 이전 1 2 3 4 5 6 다음
