# Angular

16개의 포스트

[Angular]angular 개발환경 설치(mac)

angular를 설치하기 전에 먼저 node.js를 설치해야 한다.맥os에 brew package manager를 설치한 뒤에 brew 명령어를 사용해서 node.js를 설치하도록 하겠다.

2020년 3월 14일
·
0개의 댓글

[Angular] Module

NgModule는 @NgModule()로 수식되어진 클래스로 정의된다. @NgModules 데코레이터는 프로퍼티가 모듈을 설명하는 하나의 메타데이터 객체를 입력받는 함수이다. 이 메타데이터 객체의 중요한 프로퍼티에는 다음과 같은 것들이 있다.declarations: 현

2020년 3월 14일
·
0개의 댓글
post-thumbnail

[Angular]Angular 개요

\*본 글은 앵귤러 공식 홈페이지(http://angular.io)의 Doc 항목을 한국어로 요약정리한 글임을 밝힙니다.Angular는 HTML과 TypeScript로 클라이언트 SPA(싱글 페이지 애플리케이션)를 개발할 때 사용되는 플랫폼이자 프레임워크입니다

2020년 3월 14일
·
0개의 댓글
post-thumbnail

나의 앵귤러 공부방법

20.02이번에 Angular를 사용하게 되었어요. React.js, Vue.js만 경험해본 구조 자체가 머리에 떠오르지 않고 막연..했는데 ㅎㅎ 3주째인데 적응을 좀 했습니다.앵귤러 마스터북물론 시중에 앵귤러 에센셜, 앵귤러 첫걸음 다 좋은 책들이 있지만, 빠르게 앵

2020년 2월 26일
·
0개의 댓글

[angular] 명령어 정리

angular cli angular 프로젝트 생성 프로젝트에 컴포넌트, 디렉티브 등등 구성요소 추가 LiveReload를 지원하는 내장 개발 서버를 사용한 Angular 프로젝트 실행 Unit,E2E(end-to-end)테스트 환경 지원 배포를 위한 Angular 프로젝트 패키징 angular CLI 사이트 프로젝트 실행 명령어 프로젝트 구성 요소 생성...

2020년 1월 30일
·
0개의 댓글

angular material dialog 재사용하기

angular로 작업하던 중 여러개의 dialog를 띄워야 했다. 검색 중 angular material을 알게되었고 MatDailog를 사용하기로 했다. angular material : https://material.angular.io/components/dialog/overview 참고한 dialog 예제 : https://stackblitz.com...

2019년 12월 23일
·
0개의 댓글

component

component란? 독립적으로 동작 가능한 UI 요소 HTML 템플릿, 스타일, 로직을 결합( 형태 표현과 기능 제어 ) DOM과 같은 트리 구조 W3C 표준 웹컴포넌트 기술 기반 https://developer.mozilla.org/ko/docs/Web/Web_Components react와 달라보이는 점 angular는 리액트와 달리 컴포넌트와 템플...

2019년 12월 3일
·
0개의 댓글

ng cli

ng ng는 앵귤러의 명령어입니다. 이것을 통해 기본적인 사용법들을 봅시다. 프로젝트를 생성했다는 가정 하에, 사용법입니다. 프로젝트 서버 실행 문법 테스트 테스트 angular.json에 있는 설정 변경 배포

2019년 11월 29일
·
0개의 댓글

Angular quick start

Before start Angular 앵귤러를 시작하기 전에 설치되어야 하는 것들은 node.js, text editor가 필요합니다. Development environment setting 앵귤러 전역 공간에 설치 프로젝트 생성. ng: 앵귤러 명령어 new: 새 프로젝트 생성 server 구동

2019년 11월 29일
·
0개의 댓글
post-thumbnail

[번역] GraphQL은 어떻게 Redux를 대체하는가

최근 프론트엔드를 Angular로 전면 교체하면서 상태 관리 코드에 관한 고민이 많은 차에 많은 영감을 주는 좋은 글을 발견하여 (처음으로, 제대로) Mark Johnson님의 허락을 얻어 모자란 실력이나마 번역을 해봤습니다. 이에 관한 제 생각과 경험이 더 있는데 그 글은 따로 포스트를 작성하도록 하겠습니다ㅋ How GraphQL Replaces Red...

2019년 8월 11일
·
0개의 댓글

교훈 1 - 반응형 이벤트로 구현하자

경험 CTI 프로젝트에 참여하면서 대시보드, 스트림 관련 데이터를 처리해야 될 때가 많다. 그럴때마다 가장 심각하게 직면하는 문제는? 중간 처리 단계에서 예외가 발생한 경우 catch로 잡아도 내가 원하는 흐름으로 전개가 되지 않는다 그렇다면 어떻게? 반응형 프로그래밍 angular에서 기본적으로 추구하는 Rxjs를 사용하여 반응형 이벤트를 만들자 R...

2019년 5월 31일
·
0개의 댓글

Angular 업데이트 전략

개요 Angular는 메이저 버전이 업데이트가 자주 이루어진다 그러므로 업데이트 전략을 수립할 필요성이 있다 업데이트 방법 cli 업데이트 npm uninstall @angular/cli npm install @angular/cli@latest git 정리 git add ./ git commit -m 'temp save' ng u...

2019년 5월 30일
·
0개의 댓글

Angular 7+ 의존성 주입하기

내용 angular 7+ 버전부터 DI를 선언하는 새로운 방법이 생김 서비스 컴포넌트 안에서 주입 대상이 될 모듈을 선언 할 수 있다 사용 패턴 서비스 객체를 컴포넌트 모듈에 주입하고 모듈 안에 선언된 뷰 컴포넌트에서 사용하면 에러가 발생한다. 왜냐하면 서비스 -> 모듈 -> 컴포넌트 -> 서비스로 이어지는 리사이클 이기 때문이다. 그렇다면 어떻게 구...

2019년 5월 28일
·
0개의 댓글

Angular 7일 완성 시리즈 - 기본편

1. 변경점 AngularJS에서 Angular Framework로 변경되면서 es6 문법을 사용한다. Angular CLI를 이용하여 손쉽게 프로젝트 구조를 짤 수 있다. $scope의 계층이 컴포넌트 별로 분리되면서 성능에 대한 최적화가 이루어졌다. TypeScript를 이용하여 런타임 오류를 줄이며, 개발 시 실시간 타입체크가 가능하다 @Compon...

2019년 3월 30일
·
0개의 댓글

Angular 7일 완성 시리즈 - 계획편

동기 새로 이직하는 회사에서 프런트 프레임워크로 Angular를 사용하기에 그에 따라 기술을 습득이 필요함 학습계획 책을 통한 기본 구조 및 문법학습 예제 학습 및 따라하기 백엔드 없이 로컬캐시를 이용한 예제 만들기

2019년 3월 27일
·
0개의 댓글

안드로이드 개발자가 다른 언어를 공부했을 때 느낀 점

안드로이드가 제일 어려울 줄이야 나는 자바 개발자로 개발을 시작하여 최근까지 약 10년간 안드로이드 개발자로 교육과 개발을 하고 있었다. 안드로이드는 2009년말에 시작해서 자연스럽게 새로운 개념들을 익혔고, 예전에 iOS앱도 2개 출시 경험이 있지만 이 때는 Obje

2018년 10월 14일
·
2개의 댓글