Categories
angular2 IT

Angular2에서 Typescript를 사용하는 이유

Angular2 코어 멤버인 victorsavkin의 글 “Angular2: Why TypeScript“을 허락을 받고 번역 하였습니다. 번역에 대한 피드백이나 오류는 주저없이 트윗이나 메일로 알려주세요. This post is the translation version of the original post “Angular2: WhyTypeScript” with allowed to translate by the author victorsavkin. Angular2는 TypeScript로 작성된 코드이다. 이 글에서는 왜 Angular2에서 TypeScript를 사용하기로 했는지 설명할 것이다. 더불어 TypeScript를 […]

Categories
angular2 IT

[Angular2] 지시자(Directive)

참고: angular2에 대한 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다. 지시자에 대하여 오늘 다룰 개념은 Angularjs를 사용해 보신 분들은 적어도 한 번쯤은 들어보았을 지시자(Directive)입니다. 지시자에 대한 설명은 먼저 용어의 의미에서 출발해 보기로 합니다. 지시자 본래의 단어 Directive를 네이버에서 검색할 때 제일 처음 나오는 사전적 정의는 다음과 같습니다. (공식적인) 지시[명령] A directive is […]

Categories
angular2 IT

반응형 프로그래밍 분류

Angular2 코어 멤버인 victorsavkin의 글 “THE TAXONOMY OF REACTIVE PROGRAMMING“을 허락을 받고 번역 하였습니다. 번역에 대한 피드백이나 오류는 주저없이 트윗이나 메일로 알려주세요. This post is the translation version of the original post “THE TAXONOMY OF REACTIVE PROGRAMMING” with allowed to translate by the author victorsavkin.] 우리는 모두 반응형 프로그램의 일부 요소를 활용하여 사용자 인터페이스를 구축합니다. […]

Categories
angular2 IT

[Angular2] 데이터 바인딩

참고: angular2에 대한 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다.   들어가기 오늘은 지난 시간에 설명한 컴포넌트의 상태를 어떻게 다룰지와 연관된 주제인 “데이터 바인딩“을 소개합니다. Angular 1을 사용해 보신 분들은 양방향 데이터 바인딩(2-way data binding)을 통해서 이미 “데이터 바인딩”이란 개념을 들어 보셨을 겁니다. 이번 글을 통해서 Angular2에서는 Angular1과 달리 어떻게 “데이터 바인딩” […]

Categories
angular2 IT

jQuery vs Angular 코드 비교

들어가기 전에 이 포스팅은 지난 2015 나는 프로그래머다 컨퍼런스 중 React 라이브 코딩에서 보고 알게 된 jQuery versus React.js thinking 글에서 영감을 얻어 (원저자의 허락을 받고) Angular 버전으로  쓴 글 입니다. This post is the result affected by original post “jQuery versus React.js thinking” that I found on React.js live coding session in “I am programmer” conference. I […]

Categories
angular2 Book IT

[Angular2] 상태 다루기

참고: angular2에 대한 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다.  들어가기 이번 글에서부터 지난 시간에 설명한 Component에 살을 붙이기 시작합니다. 오늘은 컴포넌트의 상태값의 개념을 이해해보고 Angular2에서는 어떻게 상태를 관리하는지 간략하게 설명합니다. 이를 위해 Component 클래스에 첫 변수와 메서드를 정의해 봅니다.   상태(State)에 대해서 웹사이트에서 상품을 구매할 때 우리는 그림에서 보는 바와 같이 “… […]

Categories
angular2 IT

[Angular2] 예제 프로그램 및 프로젝트 셋팅

참고: angular2에 대한 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다.   회원관리 프로그램 예제로 사용할 웹 어플리케이션은 CRUD 기능이 있는 간단한 회원관리 앱입니다.  간단하게 아래와 같이 기능을 나열해 볼 수 있습니다. 로그인/로그아웃 기능: 등록한 사용자로 로그인 회원 등록 기능: id, 비번, 이름, 사진, 소속, 성별, 나이 등의 정보 입력 가능 회원정보 수정 기능: […]

Categories
angular2 IT

[Angular2] Component

참고: angular2에 대한 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다.  들어가기 이제 본격적으로 Angular2에 대한 개념을 하나씩 살펴봅니다. 우리가 마주하게 될 Angular2의 첫 관문은 Component입니다. 이 글에서는 일반적인 의미의 컴포넌트(Angular2의 Component와 구분하고자 한글로 명칭합니다.) 개념을 짚어보고, 실제 Angular2에서 어떻게 Component를 생성하고 다루는지를 설명합니다.  읽으시는 분들의 상황에 따라 바로 내용으로 넘어가도 무방합니다. 컴포넌트 돌아보기 우리가 […]

Categories
angular2 IT

Angular(앵귤러): QuickStart 따라하기

참고: Angular(앵귤러) 연재는 여기를 참조해 주세요. 틀린 부분이나 의견, 피드백은 언제든지 환영합니다. 

들어가기 지난번 글에서는 Angular(앵귤러) 프레임워크를 사용하기 위해서 필요한 최소한의 배경 개념을 다루었습니다. 이제 Angular가 어떻게 생겼는지 눈과 손으로 확인을 해 볼 차례입니다. 첫 예제는  공식 매뉴얼에 있는  QUICKSTART입니다. Angular 개발환경 셋팅 후 “Hello World” 보는 것이 목표라고 생각하시면 됩니다.   매뉴얼대로 묻지도 따지지도 […]

Categories
angular2 IT

Angular 시작하기: 용어과 개념 정리

본 글은 Angular를 시작하는데 걸림돌이 되기 쉬운  용어와 개념을 다룹니다. 지난 5월에 글을 쓴 이후로 1년 가까운 시간이 지났지만 Angular를 둘러싼 프론트엔드 개발환경의 개념은 달라지지 않았습니다. 최근 급격하게 변화한 프론트엔드개발 환경의 용어와 개념 앞에 두려워 하지말고 차근히 알아봅시다. 2016년 새해 Angular 2가  5월 3일 기준 Release Candidate 버전으로 변경이 되었습니다. 그래서 지난  6개월 여 동안 실제 프로젝트에 […]