NPM 패키지 만들기

자주 사용되는 기능을 Typescript 로 작성해서 NPM 에 게시한 후 다른 프로젝트에서 사용하고 싶어 NPM 에 패키지를 어떻게 공개하는지를 확인했습니다. 저는 @bbon 스코프를 사용해서 @bbon/formatter 패키지를 게시할 것입니다. 스코프 npm-scope 페이지에서 정보를 확인할 수 있습니다. npm 패키지는 이름이 고유해야 하는데, 약 1,268,126 개의 공개된 패키지 (2020-04-25 현재) 가 존재하는 상태에서 패키지 이름을 결정하는 것은 매우 …

공적 마스크 안내 – 기술 상세

공적 마스크 구매 요일을 안내하는 모바일 응용프로그램을 구글 플레이에서 다운로드할 수 있습니다. 이미지를 클릭할 수 없는 경우 아래 주소를 주소창에 붙여넣기 하세요. https://play.google.com/store/apps/details?id=kr.bbon.whendoibuyamask 기술 공적 마스크 안내 모바일 응용 프로그램은 React Native와 expo 프레임워크를 사용하며, 타입스크립트로 작성되었습니다. 프로젝트는 공개되어 있습니다. 전체 코드는 아래 저장소에서 확인하실 수 있습니다. GitHub: when-do-i-buy-a-mask 링크가 동작하지 않으면 아래 주소를 주소창에 …

공적 마스크 안내

공적 마스크 구매 요일을 안내하는 모바일 응용프로그램을 구글 플레이에서 다운로드할 수 있습니다. 이미지를 클릭할 수 없는 경우 아래 주소를 주소창에 붙여넣기 하세요. https://play.google.com/store/apps/details?id=kr.bbon.whendoibuyamask 시작 지난 2019년 11월에 합류했던 팀에서 나온 후 뭔가 현 상황에 도움이 될 수 있는 게 뭐가 있을까 생각하다 기억하기 귀찮은 공적 마스크 구매 요일을 안내하는 간단한 모바일 응용프로그램을 작성했습니다. 설명 공적 …

공적 마스크 안내 개인정보처리방침

공적 마스크 안내 응용프로그램 (이하 앱)은 어떠한 개인정보도 수집하지 않습니다. 앱 내부 링크로 이동되는 공적 마스크 구매절차 질문&답변 페이지는 해당 페이지의 개인정보처리방침을 따릅니다.

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

개요 하단 탭 네비게이션이 있고, 첫 화면의 버튼을 클릭하면 상세 페이지로 탐색되는 화면을 구성합니다. 상세 페이지로 이동될 때, 하단 탭 네비게이션을 출력하고 싶지 않습니다. 위와 같은 탐색을 구현하기 위해 간략하게 코드를 작성했습니다. 프로젝트 준비 $ 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되어 발생하는 오류를 …