세줄코딩

Angular cli 로 프로젝트 설치후 실행 하려는데 아래와 같은 문구로 급 당황하게 했다.아마도 rxjs 나 typescript의 버전 호환성 때문에 일어나는 문제 같다. ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected 해결책은 터미널에서 npm update 하면 끝~ 아래 stackoverflow에도 해결책이 제시되어 있다. https://stackoverflow.com/questions/54529027/node-modules-rxjs-internal-types-d-ts81-44-error-ts1005-expected-error-a

Angular 데이터 바인딩 및 소소한 정리 class binding style binding firstfirst first 데이터 바인딩 주의사항 1. id 어트리뷰트와 id 프로퍼티는 1:1 매핑한다. 2. class 어트리뷰트는 classList 프로퍼티로 변환된다. 3. td 요소의 colspan 어트리뷰트의 경우 매핑하는 프로퍼티가 존재하지 않는다. 4. textContent 프로퍼티의 경우 대응하는 어트리뷰트가 존재하지 않는다. 5. input 요소의 value 어트리뷰트는 value 프로퍼티와 1:1 매핑하지만 서로 다르게 동작한다. ngTemplateOutlet 디렉티브는 지정된 위치에서 콘텐츠 블록을 반복하는 데 사용되며, 다른 위치에서 동일한 콘텐츠를 생성해야하고 중복을 방지하려는 경우..

Angular Directive - 제일 헷갈리는 녀석들 ViewContainerRef- ViewContainerRef는 하나이상의 뷰를 포함시킬수 있는 컨테이너이다. 이 컨네이너에는 2종류의 뷰가 포함될 수 있다. 하나는 ViewContainerRef의 createComponent 메소드를 통해 컴포넌트를 인스턴스화하여 만든 호스트 뷰이고 또 하나는 ViewContainerRef 의 createEmbeddedView 메소드를 통해 ng-template 을 인스턴스화 하여 포함한 임베디드뷰이다. 다시 말해 ViewContainerRef는 새로운 요소(컴포넌트나 ng-template 디렉티브로 래핑된 요소)를 DOM에 삽입하기 위해 필요한 컨테이너(DOM요소) 로서 createComponent, creat..

Angular 개발환경 설정 - 작심 3일의 연속이였던 Angular 를 드뎌 시작해본다.- 시간 날때 마다 1개씩 올려야 다짐했지만 잘 될지는 ㅠㅠ 일단 지금 시점에서 Angular는 그 동안 많은 변화가 있었던 듯....초기 런닝커브가 심하다는 이야기는 수도 없이 들었다..... 하지만 역시 직접 해보지 않고선 그걸 알 방법은 없다.. 일단 빠른 가이드를 위해 Angular quickstart 페이지에 접속... Angular : https://angular.io/guide/quickstart 역시 영어는 좀 버벅이긴 했지만 머 어차피 코드만 볼테니 ㅋㅋ ( typescript 가 설치 되지 않았다면 설치 고고 -> 터미널> npm install -g typescript ) 1. npm install..