싱글 페이지 응용프로그램에 구글 애널리틱스 적용

구글 애널리틱스 Google Analytics는 웹 응용프로그램의 사용 데이터를 수집에 많이 사용됩니다. 웹사이트 이용에 대한 추적 데이터를 기반으로 무엇을 어떻게 … 가 시작될 수 있습니다. 구글 애널리틱스에서 기본적으로 제공하는 코드는 웹 응용프로그램 특정 페이지에 요청을 보내면 응답하는 페이지에 코드를 추가해서 처리가 가능합니다. 그런데, 싱글 페이지 응용프로그램이라면 어떻게 클라이언트 경로 이동을 추적할 수 있을지에 대한 내용을 간략하게 …

Visual Studio Item Template

Visual Studio 에서 코드를 작성할 때, 프로젝트에 새 항목을 추가하고, 구현을 시작합니다. 이 때, 깨끗하게 비워져 있는 코드 파일이 좋을 때도 있지만, 반복적으로 작성하는 코드가 포함되는 경우도 있습니다. 예를 들어, Xamarin Forms 로 모바일 응용프로그램을 작성하는 프로젝트를 작업중일 때, Page 와 ViewModel 을 반복적으로 추가하고, 작성합니다. Page의 예 .xaml <core:AppContentPage xmlns=”http://xamarin.com/schemas/2014/forms” xmlns:x=”http://schemas.microsoft.com/winfx/2009/xaml” xmlns:d=”http://xamarin.com/schemas/2014/forms/design” xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″ xmlns:local=”clr-namespace:Kr.Bbon.Product” …

모듈 정의 파일 만들기

자바스크립트 Javascript로 작성되어 노드node로 동작하는 웹 응용프로그램을 타입스크립트 Typescript로 재작성하고 있습니다. npm 패키지 중 모듈 정의가 없는 패키지가 있습니다. 타입스크립트 코드를 작성할 때, 정상적으로 사용할 수가 없습니다. 이 때, 패키지 제작자에게 모듈 정의 파일을 요청하거나, 작성중인 프로젝트에 모듈 정의 파일 .d.ts 파일을 작성해서 문제를 해결할 수 있습니다. 예제 예를 들어 showdown-xss-filter 패키지를 사용중인 코드가 있습니다. …

ASP.NET Core 웹 응용프로그램 프로젝트 분리

ASP.NET Core 웹 응용프로그램을 작성할 때, 웹 응용프로그램 프로젝트에서 컨트롤러를 다른 프로젝트로 분리하기를 원하면 이런 방법이 검토해 보십시오. 신규 프로젝트 작성 컨트롤러를 분리할 프로젝트를 작성합니다. .NET Standard 클래스 라이브러리 템플릿 사용 $ mkdir Blog.Backend.Api.Account $ cd Blog.Backend.Api.Account $ dotnet new classlib 필요한 Nuget 패키지를 추가합니다. $ dotnet add package Microsoft.AspNetCore.Mvc –version 2.2.0 $ dotnet add …

Create SWAP file on Ubuntu

AWS Lightsail 3.5 USD/mo 요금제에 해당하는 작은 서버를 사용하고 있습니다. AWS Lightsail pricing 사용할 수 있는 자원은 아래와 같습니다. 512MB 메모리 1코어 프로세서 20GB SSD 디스크 1TB 전송 Ubuntu 에서 mariaDB 와 nginx, php7.2 를 기반으로 WordPress를 실행하고 있습니다. CPU 자원은 크게 부족하지 않습니다만, 메모리가 부족한 편입니다. 통계자료 쿼리가 실행되면 mariaDB 프로세스가 메모리를 확보하지 못해서 …

회고 React Native Score Board

React Native로 자바스크립트와 리액트로 모바일 응용프로그램을 작성할 수 있습니다. 최근 0.60 버전의 변경점 AndroidX 지원 CocoaPods 통합 패키지의 자동 링크 개요 Xamarin 으로 작성했던 너와 나의 점수판 Score Board 모바일 응용프로그램을 React Native 로 다시 작성했습니다. GitHub: scoreboard 저장소에서 코드를 확인할 수 있습니다. 가상장치에서 실행한 화면을 공유합니다. 회고 코드를 작성하면서 가장 힘들었던 부분은 npm 패키지 …