리액트 네이티브 네비게이션

개요 하단 탭 네비게이션이 있고, 첫 화면의 버튼을 클릭하면 상세 페이지로 탐색되는 화면을 구성합니다. 상세 페이지로 이동될 때, 하단 탭 네비게이션을 출력하고 싶지 않습니다. 위와 같은 탐색을 구현하기 위해 간략하게 코드를 작성했습니다. 프로젝트 준비 $ expo init react-native-expo-navigation 저는 보통 빈 타입스크립트 프로젝트 템플릿을 사용합니다. 선택사항 버젼제어로 git 을 사용합니다. $ cd react-native-expo-navigation # 프로젝트 …

Review 2019

Programming Language

2019년을 돌아봅니다. 기술 스택의 다양화 React SPA 싱글 페이지 어플리케이션을 작성하고 싶어 공부를 시작했습니다. 최대한 프레임워크의 도움을 받고, 사용하기 좋은 패키지를 찾으며 리액트에 초점을 맞춰서 진행했습니다. Next.js 는 ❤️ 입니다. React Native 리액트 공부를 시작했으니, 활용 범위를 넓히기 위해 공부를 시작했습니다. TypeScript 리액트 공부를 시작하고, ES로 작성된 코드에서 형식이 실행시 결정 Dynamic typing되어 발생하는 오류를 …

POSTMAN: Variables usages

HTTP API 웹 응용프로그램을 작성할 때, Postman 을 많이 사용합니다. 작성한 API 가 잘 동작하는지 클라이언트에서 사용하는 것과 동일한 요청을 GUI를 통해 실행할 수 있어 매우 편리합니다. 무료 요금제 를 사용해도 매우 많은 기능을 제공합니다. 많은 기능 중 반복되는 값 – 예를 들면 기본 주소 -을 처리하기 위한 변수 기능을 좋아합니다. 변수 Variable 종류 변수는 …

회고: ASP.NET Core 3.0 웹 응용프로그램을 도커 컨테이너로 실행

ASP.NET Core 3.0 웹 응용프로그램을 도커 컨테이너로 실행하는 외주 작업 회고입니다. 작업기간: 일주일 비용: 비공개 목표 ASP.NET 2.0 프로젝트를 ASP.NET Core 3.0 으로 대상 프레임워크 변경해서 Ubuntu 서버에서 도커 컨테이너로 실행합니다. 웹 응용프로그램 웹사이트 형식의 ASP.NET 2.0 프로젝트를 ASP.NET Core 3.0 으로 대상 프레임워크를 변경하고, 리팩터링합니다. 사용되지 않는 코드를 제거합니다. 상수를 한 곳으로 모아서 관리하기 …

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

구글 애널리틱스 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” …