Aliencube

지난 2016년 12월 초에 애저 펑션과 관련한 Visual Studio (VS) 툴링 프리뷰 버전을 공개했다. 하지만 설치 안하는 것이 차라리 나을 만큼 버그도 많을 뿐더러, 현재 로드맵에서는 .NET Standard 2.0 을 기다리고 있는 중이라고 한다. 그래서 기다리다 못한 애저 웹 서비스 팀에서 애저 펑션과 관련한 포스트를 하나 올렸다. 이를 이용하면 기존의 웹 앱 프로젝트에서도 애저 펑션을 돌릴 수 있다. 처음 설정할 때 굉장히 손이 많이 가긴 하지만, 현재 VS의 모든 기능을 이용할 ...

모바일 애플리케이션 구현에서 핸드폰의 카메라에 접근하는 방법은 여러가지가 있다. 이전 포스트에서는 HTML5의 getUserMedia API를 이용해 핸드폰의 카메라에 접근해 봤다. 하지만 이 API는 모바일 장치의 모든 브라우저에서 작동하는 것이 아니어서 이를 위한 폴백을 제공해야 한다. 반면에 HTML5 Media Capture API는 거의 모든 모던 브라우저에서 지원하기 때문에 모바일 장치에서 쉽게 구현이 가능하다. 이번 포스트에서는 Vue.js와 타입스크립트, 그리고 ASP.NET Cor ...

애플리케이션을 개발하다보면 필연적으로 맞닥뜨릴 수 밖에 없는 상황이 몇가지가 있다. 그 중 하나가 바로 의존성 관리(Dependency Control)이다. 백엔드 애플리케이션에서는 다양한 제어 역전(IoC; Inversion of Control) 컨테이너를 이용해서 적용이 가능하다. 최신 프론트엔트 프레임워크 역시도 의존성 주입(DI; Dependency Injection)과 관련한 기능들을 포함하고 있다. 하지만 자바스크립트 언어의 특성인지는 몰라도 백엔드쪽의 IoC 컨테이너와는 다른 형식으로 ...

지난 포스트에서 HTML5 getUserMedia() API를 이용해서 핸드폰의 카메라에 접근하는 방법에 대해 논의해 보았다. 이번에는 핸드폰의 GPS를 이용한 위치 정보(geolocation)에 접근하는 방법에 대해 알아보도록 하자. 이 포스트에 쓰인 샘플 코드는 이곳에서 확인할 수 있다. navigator.geolocation API getUserMedia() API와 달리 geolocation API는 거의 모든 브라우저에서 사용 가능하다. 따라서 간단한 타입스크립트 코드를 이용하면 손 ...

지난 포스트에서는 Vue.js와 TypeScript를 ASP.NET Core 애플리케이션에서 작동시키는 예제를 진행해 보았다. 이제 실제로 모바일 웹 앱을 개발해 볼 차례이다. HTML5를 지원하는 모던 웹 브라우저는 컴퓨터 혹은 스마트폰의 멀티미디어 장치에 접근이 가능하다. 대표적인 것이 바로 카메라와 마이크이다. 여러 방법으로 카메라와 마이크에 접근할 수 있으나 가장 핫한 방식은 Navigator.getUserMedia() API를 이용하는 방법이다. 이 포스트에서는 VueJs와 타입스크립트를 ...

비주얼스튜디오(VS)로 ASP.NET 혹은 ASP.NET Core 애플리케이션을 개발할 때 뗄래야 뗄 수 없는 것이 바로 IIS Express이다. F5 키를 눌러 디버깅을 할 때 특별한 경우가 아니고는 항상 IIS Express를 사용하게 되는데 이것은 IIS의 간편 버전이라고 할 수 있다. 거의 기능은 같지만 로컬 디버깅 환경에서 사용할 수 있게끔 도와주는 가벼운 웹서버 쯤으로 생각하면 될 것이다. 따라서, 내 로컬 개발 환경에서는 손쉽게 접근이 가능하다. 만약 모바일 웹 애플리케이션을 개발 ...