Jake의 블로그

# react-native-toast-message - Toast Message는 앱 내에서 사용자들에게 이벤트의 발생과 그 내용을 알려줄 수 있는 직관적인 UI 요소로 많은 앱에서 사용된다. 물론 Toast Message의 구현 난이도 자체는 높지 않기 때문에 직접 구현하는 것도 좋은 방법이지만, Toast Message가 서비스의 핵심 적인 기능은 아니다보니 적당한 라이브러리가 있을 경우 이를 활용하면 시간을 절약할 수 있다. 본 포스팅에서는 이런 경우 도움이 될 수 있는 라이브러리를 소개하려고 한다 # 깃헙 페이지 https://github.com/calintamas/react-native-toast-message GitHub - calintamas/react-native-toast-message:..

# react-native-store-review 라이브러리를 활용해서 앱 리뷰 요청 기능을 추가해보자 - 사용자들에게 선택 받는 앱이 되기 위한 필수 조건 중에 별점과 리뷰가 있다. 문제는 이런 리뷰를 작성하는 것은 귀찮은 일이기 때문에 사용자는 앱이 마음에 들어도 알아서 리뷰를 작성하는 경우는 드물다. 이럴 때 조금이라도 사용자의 마음을 동하게 하는 것이 리뷰 요청 기능이다. 앱을 적절히 활용한 순간에 리뷰 작성에 대한 창이 뜰 경우, 조금 더 리뷰를 작성해줄 확률이 올라간다. 그렇기에 모든 앱 개발에 있어서 필수적으로 필요한 기능이 아닐까 한다. 본 포스팅에서는 이런 리뷰요청 기능을 쉽게 구현할 수 있게 만들어주는 라이브러리를 소개하려고 한다. # Github Page GitHub - oblador..

# react-native-system-bars를 활용해서 안드로이드 시스템 숨기는 방법 - RN으로 크로스 플랫폼 개발을 하다보면, 안드로이드에서는 시스템 바와 네비게이션 바로 인한 추가적인 처리가 필요한 경우가 있다. 안드로이드 운영체제 특성 상 하단 시스템 메뉴가 자리를 차지 하고 있기 때문이다. 특히 앱이나 게임에서 전체 화면을 다 사용하고 싶은 경우에는 이 처리가 필수적이다. 그렇다보니 이를 지원하는 다양한 라이브러리르들이 있지만, 최근에 사용해본 추가적인 삽질 없이 바로 동작하던 라이브러리를 하나 소개하려고 한다. # 깃헙 페이지 GitHub - hudl/react-native-system-bars: Control the visibility of Android's Status Bar and N..

# rn-emoji-keyboard 라이브러리를 활용해서 Emoji 입력 키보드 구현 방법 소개 - 안녕하세요 Jake입니다. 본 포스팅에서는 Emoji를 추가할 수 있는 키보드를 라이브러리를 사용해서 쉽게 추가할 수 있는 방법을 소개하려고 합니다. 이모지는 간결하고 색감 있게 여러 가지 상황이나 느낌을 표현할 수 있기 때문에, 사용자들한테 제공하기 좋은 UI 요소 중 하나입니다. 하지만 이모지 입력하기 위한 UI를 직접 만들기는 쉽지 않습니다. 이런 경우 오늘 오늘 소개할 라이브러리를 활용해보시면 어떨까 합니다. # 깃헙 저장소 - https://github.com/TheWidlarzGroup/rn-emoji-keyboard GitHub - TheWidlarzGroup/rn-emoji-keyboard:..

# react-typed를 사용하여 타이핑 효과 구현하는 방법 - 안녕하세요 Jake입니다. 본 포스팅에서는 react-typed 라이브러리를 사용해서 타이핑 효과를 구현하는 방법을 소개하려고 합니다. 타이핑 효과는 사용자들한테 문자열이 실제로 입력되는 것처럼 보이게 하여 시선을 끌어주기에 애용되는 효과 중 하나입니다. 그렇지만 기대대는 효과 대비 구현이 번거롭다는 것이 문제입니다. 이런 경우 오늘 소개할 라이브러리를 활용해 보시는 것은 어떨까요? # 관련 페이지 - 깃헙 페이지 https://github.com/ssbeefeater/react-typed GitHub - ssbeefeater/react-typed: A react wrapper for typed.js A react wrapper for t..

# ToneJS를 사용해서 직접 노이즈를 만들어 보자 - 안녕하세요. Jake입니다. 오늘 포스팅에서는 ToneJS라는 라이브러리를 사용해서 화이트 노이즈를 만드는 간단한 방법을 소개하려고 합니다. 저는 이 방법으로 만든 노이즈를 제가 서비스 중인 Pomocat이라는 집중 타이머(뽀모도로) 앱에서 사용자한테 들려주고 있습니다. # 관련 링크 - 예제 페이지 https://tonejs.github.io/examples/ Tone.js Examples Choose an example from the side panel. tonejs.github.io - 데모 페이지 https://tonejs.github.io/demos # 사용 방법 - ToneJS를 설치합니다 yarn add tone - Tone을 Imp..

# DriverJS를 활용해서 사용 가이드를 쉽게 구현하는 방법 소개 - 웹 또는 웹앱을 개발하다보면, 사용자 경험을 좋게 만들기 위해 최대한 불필요한 정보를 줄이는 작업을 하게 됩니다. 문제는 이러한 과정에서 사용자에게 각각의 기능에 대한 설명이 부족해지는 경우가 있는데, 문서 페이지에 정리를 아무리 잘해놔도 사용자 입장에서는 그저 사용하기 불편하다고 느끼기 마련입니다. 그러다 보니 필요한 경우 UI에 기능에 대한 안내를 표시를 하면서 가이드를 보여주는 방법이 효과적일 수 있습니다. 하지만 이 방법은 구현에 더 많은 리소스가 필요하기 때문에 포기하게 되는 경우가 많습니다. 본 포스팅에서는 이런 경우 도움이 될 수 있는 Driver.js 라이브러리를 소개하려고 합니다 # 사용방법 - Github Page..

# React Native에서 사용가능한 가장 마음에 드는 react-native-dropdown-picker - React Native에서 선택 옵션을 구현할 때, 일반적으로 플랫폼 별로 제공하는 네이티브 Picker를 사용하는 경우가 많다보니, 클로스 플랫폼 개발 시에 UI의 통일성이 떨어지고, 디자인이 마음에 들지 않는 경우가 많습니다. 그렇다고 Picker를 직접 개발하거나 이를 위해 다른 UI 프레임워크를 적용하기에는 부담이 큽니다. 본 포스팅에서는 이런 경우에 유용하게 사용할 수 있는 라이브러리를 소개하려고 합니다 # 관련 사이트 - 깃헙 저장소 GitHub - hossein-zare/react-native-dropdown-picker: A single / multiple, categoriza..

# React에서 폭죽, 빵빠레 효과를 쉽게 추가하는 방법 - React 프론트엔드를 개발하다보면, 사용자가 특정 목표를 완료했을 경우나, 좋은 일이 발생했을 때 이를 강조하기 위해 폭죽이나 빵빠레 효과가 필요한 경우가 있습니다. 정말 자주 필요하지는 않지만, 막상 필요할 때 직접 구현하기는 손이 많이 가는 기능입니다. 본 포스팅에서는 이런 경우 유용하게 사용할 수 있는 라이브러리를 소개하려고 합니다. # 라이브러리 및 사용 방법 - 검토 및 사용해본 라이브러리는 4개 정도 되는데, 전체적으로 지원하는 기능은 유사했습니다. 추천 드리는 라이브러리는 폭죽이 터지는 효과면 충분하고 상대적으로 최신까지 유지보수가 되는 라이브러리를 선호한다면, react-confetti-explosion를 추천드리고, 터지는 ..

# Godot Engine에서 사용할 수 있는 Behavior Tree 라이브러리 소개 - 게임을 만들 때 가장 중요한 요소 중 하나가 플레이어를 제외한 다른 오브젝트들의 행동에 대한 것입니다. 다양한 개발 방법이 있지만, Unreal Engine 등에서 채용하고 있는 행동트리 방식은 직관적이면서도 복잡도 있는 행동 패턴을 정의할 수 있어서 편리합니다. Godot에서는 이런 기능을 직접적으로 제공하고 있지 않기 때문에 직접 구현할 경우 자유도는 높지만, 개발에 시간이 많이 소요됩니다. 본 포스팅에서는 이런 경우에 도움이 될 수 있는 라이브러리를 소개하려고 합니다 # 깃헙페이지 GitHub - bitbrain/beehave: 🐝 behavior tree AI for Godot Engine 🐝 behavio..