Aliencube

cloud-native open source developers community

Vue.js + TypeScript 앱에서 IoC 컨테이너 사용하기

by Justin Yoo in Front End-web-dev · 12 min read

애플리케이션을 개발하다보면 필연적으로 맞닥뜨릴 수 밖에 없는 상황이 몇가지가 있다. 그 중 하나가 바로 의존성 관리(Dependency Control)이다. 백엔드 애플리케이션에서는 다양한 제어 역전(IoC; Inversion of Control) 컨테이너를 이용해서 적용이 가능하다. 최신 프론트엔트 프레임워크 역시도 의존성 주입(DI;

Vue.js + TypeScript + ASP.NET Core 앱에서 핸드폰의 GPS 정보 이용하기

by Justin Yoo in Front End-web-dev · 6 min read

지난 포스트에서 HTML5 getUserMedia() API를 이용해서 핸드폰의 카메라에 접근하는 방법에 대해 논의해 보았다. 이번에는 핸드폰의 GPS를 이용한 위치 정보(geolocation)에 접근하는 방법에 대해 알아보도록 하자. 이 포스트에 쓰인 샘플 코드는 이곳에서 확인할 수 있다. navigator.geolocation API

Vue.js + 타입스크립트 + ASP.NET Core 앱에서 핸드폰의 카메라 API에 접근하기

by Justin Yoo in Front End-web-dev · 9 min read

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

핸드폰 웹 브라우저로 로컬 개발 환경에서 돌아가는 ASP.NET Core 애플리케이션 접속하기

by Justin Yoo in Asp Net-iis · 10 min read

비주얼스튜디오(VS)로 ASP.NET 혹은 ASP.NET Core 애플리케이션을 개발할 때 뗄래야 뗄 수 없는 것이 바로 IIS Express이다. F5 키를 눌러 디버깅을 할 때 특별한 경우가 아니고는 항상 IIS Express를 사용하게 되는데 이것은 IIS의 간편 버전이라고 할 수 있다. 거의 기능은 같지만 로컬 디버깅 환경에서 사용할 수 있게끔

Vue.js + TypeScript 조합으로 ASP.NET Core 애플리케이션 개발하기

by Justin Yoo in Front End-web-dev · 16 min read

지난 포스트에서는 ASP.NET Core 애플리케이션 위에서 Vue.js 프레임워크를 결합하는 것에 다뤘다. VueJs는 자체적으로 타입스크립트를 지원하므로 손쉽게 타입스크립트의 장점을 이용해서 웹 애플리케이션을 개발할 수 있다. 하지만 최근 VueJs를 이용한 앱 개발에 필수 요소라 할 수 있는 WebPack 라이브러리가 2.x 대로 버전업을 했음에도

ASP.NET Core 애플리케이션에서 Vue.js 통합하기

by Justin Yoo in Front End-web-dev · 11 min read

Vue.js는 최근에 나온 프론트엔드 프레임워크로서 다른 프론트엔드 프레임워크에 비해 굉장히 가볍고 상대적으로 러닝커브가 낮은 편이다. ASP.NET Core 애플리케이션은 다양한 프론트엔드 프레임워크 – Angular2, Aurelia, React, Knockout 등 – 를 지원하지만 안타깝게도 이 Vue.js 는 지원하지 않는다. 최근 몇몇