Vue.js + 타입스크립트 + ASP.NET Core 앱에서 핸드폰의 카메라 API에 접근하기
지난 포스트에서는 Vue.js와 TypeScript를 ASP.NET Core 애플리케이션에서 작동시키는 예제를 진행해 보았다. 이제 실제로 모바일 웹 앱을 개발해 볼 차례이다. HTML5를 지원하는 모던 웹 브라우저는 컴퓨터 혹은 스마트폰의 멀티미디어...
Dev
캡슐화와 정보 숨김
본능적으로 모호함을 피하려하는 프로그래머들 사이에서도 캡슐화(encapsulation)라는 용어의 의미는 명확하지 않다. 가장 많이 사용되는 몇 가지 정의는 다음과 같다. 정보 숨김(information hiding)과 동의어 구현 숨김(implementation hiding)과 동의어 데이터 숨김(data...
복잡한 확률 통계를 손쉽게 – R
시스템 인프라 관련 개발을 진행하다 보니 수많은 성능 측정 데이터들을 어떻게 하면 보기 좋게 정리할 수 있을지 고민이 많다. 일반적으로 이런 일에 가장 많이 사용하는 도구는 당연히 스프레드시트다....
내 맘대로 위클리 뉴스 – 2017년 08주(02월 24일)
JavaScript News Interactive ES6 Feature Examples ES6 문법 예제를 확인하면서 학습할 수 있는 사이트 답은 손쉽게 알 수 있기 때문에, '이유'를 진지하게 스터디 해 볼 수 있을 듯...
핸드폰 웹 브라우저로 로컬 개발 환경에서 돌아가는 ASP.NET Core 애플리케이션 접속하기
비주얼스튜디오(VS)로 ASP.NET 혹은 ASP.NET Core 애플리케이션을 개발할 때 뗄래야 뗄 수 없는 것이 바로 IIS Express이다. F5 키를 눌러 디버깅을 할 때 특별한 경우가 아니고는 항상 IIS Express를...
Wendy 프로젝트 진행사항 3
들어가는 말 프로젝트 진행 사항 기능 목록 튜토리얼 제작 사항 완성된 튜토리얼 목록 튜토리얼 제작 진행사항 소식들 웬디 근황 좋은 소식 우울한 소식 맺음말 들어가는 말 2017년 2월은...
Dancing with Fixture
Rails에는 테스트 데이터를 위해서 픽스쳐라는 구조를 기본으로 제공하고 있습니다. 지금까지 주변을 봐온 경험상, 저를 포함한 많은 분들이 픽스쳐 대신 factory_girl을 쓰고 있습니다. 이전부터 왜 픽스쳐가 인기가 없는지에 대한...
Vim을 시작하는 법
vimtutor Vim has no shortcuts Vim plugins fugitive.vim tpope plugins Practical Vim Again, how do I get into Vim? 추가링크 원문 : Getting started with Vim 이 글의...
Vue.js + TypeScript 조합으로 ASP.NET Core 애플리케이션 개발하기
지난 포스트에서는 ASP.NET Core 애플리케이션 위에서 Vue.js 프레임워크를 결합하는 것에 다뤘다. VueJs는 자체적으로 타입스크립트를 지원하므로 손쉽게 타입스크립트의 장점을 이용해서 웹 애플리케이션을 개발할 수 있다. 하지만 최근 VueJs를 이용한...
Nmatrix에 고통받는 개발자와 사라진 2주
얼마 전에 밑바닥부터 시작하는 딥러닝이라는 책을 읽고 심심풀이 삼아서 nmatrix를 사용해서 예제를 구현해보고 있었습니다. 그리고 2주 정도 씨름을 한 끝에 포기선언을 한 것이 2일 전. 여기에 대한 감상글이라고...
내 맘대로 위클리 뉴스 – 2017년 07주(02월 17일)
JavaScript News Filtering and Chaining in Functional JavaScript 필터링(filtering)을 JavaScript의 배열(Array)에 사용하는 방법을 소개하는 기사 '함수형' 프로그래밍의 유행을 선도하고 있는 필터링, 맵, 리듀서를 배열에 적용해 볼 수 있는...
AWS Lambda 서울 리전 이전기
AWS Lambda 서울 리전 이전기 현재 개발하고 있는 로톡에서는 Lambda를 쓰는 몇몇 서비스들이 있다. 그 중 가장 사용 빈도가 높은 법률 분야 추천 API는 서울 리전에서 Lambda를 서비스...
이세계에 진입한 서버 개발 – 6
들어가는 말 모델 추가 라우터 추가 app.js에 등록 공통 사용 로직 추가 자원 추가 메서드 incrementMaterials logics/reward.js 추가 간단 테스트 간단 테스트용 라우터 추가 데이터 입력 즉시 지급...
두렵다면 테스트를 작성하라
얼마전 페이스북에서 다음과 같은 코드에서 null 여부 검사가 필요한지 의견을 묻는 글을 발견했다. public void MyCode(string param) { if (param != null && TheirCode(param)) DoSomething(); } 나는...
Node.js request 패키지의 망가진 Stream 고치기
Node.js request 패키지의 망가진 Stream 고치기 얼마 전 사이드잡으로 진행하고 있는 서비스에서 소셜 계정으로 로그인한 아바타 이미지(프로필 사진)가 표시되지 않는 일이 발생했다. 그동안 해당 서비스에서는 아바타 이미지를 스토리지에...
[Ghost] 블로그 연관포스트 기능 추가하기
ghost 블로그 툴을 선택해서 사용한지도 꽤 되어 가는데, 마크다운(markdown)을 이용한 글쓰기 툴을 제공한다는 점 그리고 서비스와 설치형이 모두 있다는 점에서 선택했지만, 기존에 사용했던 티스토리, 워드프레스에 비해서 몇몇 기능이...
AWS Lambda에서의 Timezone 설정
AWS Lambda에서의 Timezone 설정 TL;DR TZ 환경 변수(Environment Variable) 통해서 Timezone을 설정할 수 있어요 오늘 AWS Lambda에 크롤러를 만들어 올렸는데 컨텐츠를 제대로 가져오지 못하는 일이 생겼다. 분명 로컬에서는...
create-react-app 모험 파트 1
줄곧 React 계열의 기술 스택을 활용해보고 싶다고 생각했지만 기회가 오지 않아 해보지 못하고 있었습니다. 그러던 와중, 시뮬레이터 프로그램을 만들 일이 생겨서 React를 차용하기로 했죠. 하지만 제 실력이 너무...
내 맘대로 위클리 뉴스 – 2017년 06주(02월 10일)
JavaScript News How to Use Twitter API With Node.js Node.js의 Twit NPM 패키지 사용해서 Twitter의 API를 사용하는 튜토리얼 Schedule a Tweet Using SetInterval Function을 근간으로 Twitbot을 만들어 볼...
React Study v2 #00
React란? React(이하, 리액트)는 JavaScript(자바스크립트)를 사용해서 사용자 인터페이스를 구축하는 엔진이란 표현이 가장 적합하다고 생각함 Justin Deal(저스틴 딜)은 반응형 렌더링과 게임 엔진이 작동하는 방식의 유사성에 주목하고 리액트를 설명하는데 '엔진'이라는 용어를...
워드프레스 보안 이슈로 4.7.2 업데이트 필요
워드프레스는 최근 4.7.1 에서 발견된 보안 이슈로 4.7.2를 릴리즈 했습니다 WordPress 4.7.2 Security Release 이 문제로 인해 몇몇 사이트들은 계속해서 공격을 당하고 있는것으로 보입니다. 워드프레스 4.7 에서 공개된...
ASP.NET Core 애플리케이션에서 Vue.js 통합하기
Vue.js는 최근에 나온 프론트엔드 프레임워크로서 다른 프론트엔드 프레임워크에 비해 굉장히 가볍고 상대적으로 러닝커브가 낮은 편이다. ASP.NET Core 애플리케이션은 다양한 프론트엔드 프레임워크 – Angular2, Aurelia, React, Knockout 등 –...
HTML5 미니게임 개발 튜토리얼 6
HTML5 미니게임 개발 튜토리얼 이전 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(5) 현재 글 : Swing my baby 를 통해 보는 HTML5 게임 개발(6)...
[RxSwift][Swift3]POP를 이용하여 더 나은 MVVM 구조 만들기
MVVM MVVM 구조가 잘 작성되어 있는 예제가 많이 없다보니 어떻게 구조를 작성해야할 지 시작하기 어렵습니다. 그 와중에 킥스타터에서 자사 앱을 오픈소스로 공개했습니다. 여기에서 제가 주목한 점은 MVVM 아키텍처를...
내 맘대로 월간(月刊) 뉴스 – 2017년 01월
프로토타입 첫걸음 프로토타입의 다양한 형태를 설명하고, 어떻게 만드는지를 다루는 기사 나는 종이 프로토타입에 대한 추억이 가슴에 강하게 자리잡은 것 같음 The Startup Idea Matrix 다양한 소비자 및 회사가...
이세계에 진입한 서버 개발 – 5
들어가는 말 모델 추가 관계 설명 라우터 추가 app.js에 등록 로직 작성 보유 아이템 목록 요청 아이템 정보 목록 요청 강화 관련 데이터 요청 승급 관련 데이터 요청...