방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com angular46 앵귤러 ViewChildren과 ContentChildren의 차이 View로 시작하는 하위요소 탐색 기능과 Content로 시작하는 탐색기능의 차이를 익히느라 조금 해맸었다. ViewChildren으로 시작하는 요소는 자신의 테그 안에 있는 하위 엘리먼트에만 적용이 된다. 즉, 자기 노드의 자식을 탐색하는 기능이다. 아래 소스코드를 보면, --Html 내용-- parent works! -1111- --Html 내용-- import { Component, ViewChildren, ElementRef,QueryList, ContentChildren, ContentChild,OnInit } from '@angular/core'; import {ImChildrenComponent} from '../im-children/im-children.component'; @Compone.. 2019. 4. 28. 앵귤러 싱글톤 객체 사용법 앵귤러에서 객체를 싱글톤 형식으로 공유하여 사용하는 방법이 있다. 불필요한 객체 사용을 하지 않고, 자주사용하는 객체를 빼서 관리하는 방법이다. 방법은 어렵지 않다. 공통으로 사용 할 서비스를 만들어서 해당 서비스를 컴포넌트 끼리 공유하면 된다. 1. 서비스를 만든다. 2. 메인 모듈 컴포넌트에 서비스를 등록하고 공급한다. 3. 해당 서비스를 받아서 사용한다. 메인 컴포넌트 예제 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { ShareItemService} from './.. 2019. 4. 28. 앵귤러 시작하기 앵귤러를 시작하기 위해서는 먼저 Node.js를 설치하여야 한다. Node.js는 오픈 소스이며, 아래 홈페이지에서 다운받아 설치 할 수 있다. https://nodejs.org/ko/ 노드를 설치하고 나면, Node.js 언어를 사용하는 것이 아니고, Node.js에 있는 패키지 관리 도구를 활용하여 앵귤러 모듈을 설치한다. 아래 명령어를 활용 하여 타입스크립트를 설치 한다. npm install -g typescript 설치가 완료 되면 앵귤러를 사용하기위한 모듈, 앵귤러 CLI를 바로 설치 한다. npm i @angular/cli -g 여기서 npm은 Node.js에서 제공하는 패키지 관리도구 명령어 이며, -g는 글로벌 변수로 사용하겠다는 옵션이다. 프로젝트 생성 및 실행은 - ng new 프로젝.. 2019. 4. 28. 앵귤러에 대한 생각 html5의 등장으로 인해서 자바스크립트가 점점 더 강력해 지고 있다. ES6같은 문법을 보면 이게 자바스크립트인지 Java인지 모를 정도로 자바스크립트인데 어렵고 기능이 정말 다양하다. 예전 서버에서는.. 브라우저가 워낙 구형이고 기능이 좋지 않아서 서버에서 모든 일을 하여야만 했다. 간단하게 게시판을 구현하는 경우에도..데이터를 조회해와서 서버에서 스크립틀릿이나 표현식등등을 이용해서 일일이 그려주어야만 했다. 브라우저에서 그러한 HTML 속성과 대상을 만드는 행위가 워낙 느리고 좋지 않았기 때문이다. 그러나 브라우저의 기능이 강해지고 특히 HTML5로 넘어옴에 따라 서버에서 굳이 그러한 행동을 하지 않아도 브라우저에서 모든 행위를 처리할 수 있게 되었다. 이미 네이버, 페이스북, 구글 등 이름만 들어.. 2019. 4. 28. 이전 1 ··· 5 6 7 8 다음
