[번역] TypeScript at Google
이 포스트는 Evan Martin의 글, TypeScript at Google을 원 저자의 동의하에 번역한 것이다. 의역이 매우 많고 오역이 있을 수 있으니 가급적 원문도 같이 참고하길 바란다. 나는 이제 TypeScript를...
TypeScript
타입스크립트, 써야할까?
최근 페이스북의 프론트엔드 개발그룹에 설문이 있었다. 타입스크립트를 도입하지 않는 이유에 대해서 묻는 설문이었는데, 한 사람의 타입스크립트 유저로서 보고있기가 정말 괴로운 설문이었다. 그 글을 보고 예전부터 쓰다가 말고를 여러...
Component Typing in React
TypeScript는 React에서의 컴포넌트 타이핑을 강력하게 할 수 있도록 돕는다. 이번 글에서는 TypeScript를 이용한 React 컴포넌트 타이핑 방법을 다양하게 알아본다. Basic 가장 기본적인 형태의 클래스 React Component 타입 정의다....
TypeScript: 타입 추론과 타입 단언
TypeScript 를 도입하기가 망설여지는 이유 중 하나는 매번 일일이 변수를 선언할 때마다 타입을 선언해야하고 필요한 타입을 정의해야하는 비용에 대한 걱정일 것이다. 필요한 타입이 있을 때 타입을 정의하는 일은...
타입스크립트의 네임스페이스와 모듈
TypeScript Handbook의 Namespaces and Modules를 번역했다. 용어에 대한 노트: 타입스크립트 1.5에서 기록해둘 만큼 중요한 명명법 변경이 있었습니다. “내부 모듈(Internal modules)”은 “네임스페이스”가 되었습니다. “외부 모듈(External modules)”은 이제 간단하게 “모듈(modules)”이...
Angular의 의존성 주입 이해하기 – @Inject, @Injectable, 토큰과 프로바이더
Todd Motto의 글 Mastering Angular dependency injection with @Inject, @Injectable, tokens and providers를 번역했다. Angular 내에서 의존성 처리를 위해 어떤 과정을 거치는지 내부적인 구조를 이해하는데 도움이 되었다. Angular의...
TypeScript: Enum
이전 글 - TypeScript: 제네릭(Generic) JavaScript를 쓰면서 느끼게 되는 아쉬운 점 하나는, Enum(Enumeration, 열거형)의 부재다. 사실 JavaScript 같은 동적 타입 언어에서 Enum이 없는 게 당연하지만, 유한하면서도 여러가지의 상태를...
AWS Lambda: Apex로 관리하기
이전 글: AWS Lambda: 시작하기 Lambda를 처음 쓰기 시작했다면 코드를 웹 콘솔에서 직접 수정하거나, ZIP 파일을 통해 배포하고 관리해야하는 것이 불편하게 느껴질 수 있을 것이다. AWS SDK가 제공되고...
HTML5 Media Capture API와 Azure Cognitive Services를 이용한 OCR 구현
모바일 애플리케이션 구현에서 핸드폰의 카메라에 접근하는 방법은 여러가지가 있다. 이전 포스트에서는 HTML5의 getUserMedia API를 이용해 핸드폰의 카메라에 접근해 봤다. 하지만 이 API는 모바일 장치의 모든 브라우저에서 작동하는 것이...
Vue.js + TypeScript 앱에서 IoC 컨테이너 사용하기
애플리케이션을 개발하다보면 필연적으로 맞닥뜨릴 수 밖에 없는 상황이 몇가지가 있다. 그 중 하나가 바로 의존성 관리(Dependency Control)이다. 백엔드 애플리케이션에서는 다양한 제어 역전(IoC; Inversion of Control) 컨테이너를 이용해서 적용이...
Vue.js + TypeScript + ASP.NET Core 앱에서 핸드폰의 GPS 정보 이용하기
지난 포스트에서 HTML5 getUserMedia() API를 이용해서 핸드폰의 카메라에 접근하는 방법에 대해 논의해 보았다. 이번에는 핸드폰의 GPS를 이용한 위치 정보(geolocation)에 접근하는 방법에 대해 알아보도록 하자. 이 포스트에 쓰인 샘플...
Vue.js + 타입스크립트 + ASP.NET Core 앱에서 핸드폰의 카메라 API에 접근하기
지난 포스트에서는 Vue.js와 TypeScript를 ASP.NET Core 애플리케이션에서 작동시키는 예제를 진행해 보았다. 이제 실제로 모바일 웹 앱을 개발해 볼 차례이다. HTML5를 지원하는 모던 웹 브라우저는 컴퓨터 혹은 스마트폰의 멀티미디어...
Vue.js + TypeScript 조합으로 ASP.NET Core 애플리케이션 개발하기
지난 포스트에서는 ASP.NET Core 애플리케이션 위에서 Vue.js 프레임워크를 결합하는 것에 다뤘다. VueJs는 자체적으로 타입스크립트를 지원하므로 손쉽게 타입스크립트의 장점을 이용해서 웹 애플리케이션을 개발할 수 있다. 하지만 최근 VueJs를 이용한...
TypeScript: 제네릭(Generic)
이전 글 - TypeScript: 함수(Function) 제네릭은 Java 등의 정적 타입 언어를 사용하던 사람에게는 익숙한 단어일지도 모르겠다. 그러나 JavaScript를 사용해왔던 개발자에게는 그렇지 않다. 제네릭은 어떠한 클래스 혹은 함수에서 사용할...
TypeScript: 함수(Function)
이전 글 - TypeScript: 인터페이스(Interface) 함수 타입 선언 전에 한 번 다룬대로, TypeScript는 함수에도 타입을 선언할 수 있다. 타입 지정 대상은 함수로 전달되는 매개변수와 최종 리턴 값이 될...
TypeScript: 인터페이스(Interface)
이전 글 - TypeScript: 클래스(Class) 클래스와 인터페이스 지금껏 JavaScript만을 다뤄본 개발자라면 인터페이스라는 개념은 익숙치 않을 것이다. 하지만 Java나 C# 등의 정적 타입 언어에서는 이미 많이 쓰이는 개념이다. 인터페이스는...
TypeScript: 클래스(Class)
이전 글 - TypeScript: Basic Type 클래스는 JavaScript 생태계 속에서도 TypeScript에만 있는 개념이 아니다. CoffeeScript나 ES2015를 사용해봤다면 이미 클래스를 몇 번 쯤은 사용해보았을 것이다. 이 글에서는 ES2015의 클래스를...
TypeScript: Basic Type
이번 글에서는 TypeScript에서 제공하는 Basic Type들을 알아볼 것이다. 개인적으로 공부하고 정리한 글이니 퀄리티가 많이 낮을 수도 있다. Type annotation 먼저 TypeScript의 타입들을 알아보기 전에 Type annotation을 알아본다. 일반...
TypeScript: 소개
Introduction JavaScript that scales. TypeScript 캐치프레이즈 TypeScript는 Microsoft에서 개발하여 2012년에 발표한 JavaScript로 컴파일 되는 언어이다. JavaScript에 정적 타이핑과 ES2015를 기반으로 하는 객체지향적 문법이 추가된 것을 주요 특징으로 한다....
TypeScript에서 <reference> 없이 쓰기
TypeScript를 사용한다면 다음과 같은 참조를 많이 봤을 것이다. /// <reference path="../../typings/tsd.d.ts" /> TypeScript 1.5부터 추가된 tsconfig.json을 프로젝트에 넣으면 레퍼런스를 일일이 적지 않고도 알아서 인터페이스를 불러온다. 별다른 설정 없이...
DefinitelyTyped와 `tsd` 정의 관리 도구
TypeScript는 MS에서 개발한 JavaScript 슈퍼셋 언어다. 이 TypeScript를 사용하면 정적 검사를 활용할 수 있어 개발에 많은 편의를 제공한다. 물론 기존에 있던 JavaScript 라이브러리에 대해서도 정적 검사를 수행하려면 해당...
이벤트 소싱 패턴과 CQRS 패턴을 적용해서 클라우드상에서 유연하게 앱 개발하기
Google 클라우드, AWS 혹은 Azure 등과 같은 클라우드 플랫폼에서 애플리케이션을 개발할 때면 반드시 고려해야 할 요소들이 있다. 추가적인 기능을 필요로 할 때 적절하게 대응할 수 있을만큼 유연해야 하고...
Swagger 및 HAL, AutoRest를 이용한 Web API 서비스 콘트랙트 자동화
이 내용은 2015년 10월 24일 진행한 #이모콘에서 발표한 내용을 블로그 포스트에 맞추어 정리한 것입니다. 발표 슬라이드 및 동영상은 아래에서 확인하실 수 있습니다. Response Deserialisation by Swagger with HAL—Justin...
Angular 앱에 Web API 적용하기
지난 포스트에 이어 이번에는 Web API를 ng에 통합시키는 예제를 보기로 한다. TypeScript 라이브러리를 이용한 Angular 앱 만들기 Angular 앱에 Web API 적용하기 Web API 응답 문서에 HAL 적용하기...
TypeScript 라이브러리를 이용한 Angular 앱 만들기
AngularJS(이하 ng)는 SPA에 쓰이는 자바스크립트 프레임워크들 중에서 가장 인기 있는 것이라고 해도 과언이 아니다. ng는 현재 2.x 버전이 알파 테스트 중이며 현재는 1.4.x 버전이 쓰이고 있는데, 2.x 버전은...