개요 Firestore는 NOSQL Base의 데이터베이스입니다. 프론트엔드 및 백엔드 개발자가 직접 구현하기에는 까다롭고 시간도 많이 걸리는 데이터 캐싱, 실시간 조회 등을 아주 간단하게 사용할 수 있는 솔루션입니다. 단일 데이터 읽기 import { doc, getDoc } from "firebase/firestore"; const docRef ...
Firestore Database 개요
개요 Firebase의 Firestore Database는 NoSQL 기반의 Database입니다. 아마존과 같은 Serverless 플랫폼에서 지원하는 일반적인 Database이며, 사용법이 간단하여 많은 주니어 개발자 혹은 서버 개발에 익숙하지 않은 사람들이 많이들 사용하는 서비스입니다. 초기 화면 위 화면이 Firestore Database의 ...
Svelte 가볍게 찍먹 해본 후기
Svelte Svelte는 새롭게 웹 개발 생태계의 강자로 떠오르고 있는 개발 도구입니다. 특징 Svelte가 주장하는 자신들의 세 가지 특징이 있습니다. 적은 코드 가상 DOM을 사용하지 않는다 진정한 반응성 적은 코드 Svelte를 이용하여 직접 Todo 앱을 만들어 본 결과, Hook처럼 다른 프레임워크에서 사용할만한 부분들을 사...
[React Native] React Native Reanimated 패키지 설치 방법
개요 React Native에서는 애니메이션을 구현하기가 정말 어렵습니다. 특히 웹에서 현란한 애니메이션을 구현해 본 적 있는 사람이라면 상대적으로 크게 느껴질 대목이라고 생각합니다. 웹이라면 CSS3 혹은 Javascript를 통해서 간편하게 애니메이션을 구현할 수 있는데, React Native 환경에서는 간단한 Opacity 애니메이션이라면 몰라...
버스는 어떻게 혼잡도를 측정할까?
버스의 혼잡도 서울을 시작으로 이제는 경기도에서도 버스 혼잡도를 볼 수 있습니다. 아직 지원하지 않는 버스 정류장이 있을지도 모르겠지만, 현재는 꽤 광범위하게 지원하는 기능이라고 생각됩니다. 여유, 보통, 혼잡 세 단계로 분류되는 혼잡도 알림 서비스는 어떻게 측정되는걸까요? BIS Bus Information System. 참 간단한 약어죠? 우리나...
[React Native] Android에서 캡처 방지하기
개요 특정 회사의 내부 인원들만 사용하는 안드로이드 전용 어플리케이션을 개발하게 되었습니다. 해당 앱에는 특정 조직의 구성원들의 정보가 들어있는데, 사진이나 현 직장 정보 및 전화번호와 같은 매우 민감한 정보들이 포함되어 있기 때문에 앱스토어에도 올리지 않고 조직 내부 인원들에게 따로 공유해서 사용할 앱입니다. 그렇기 때문에 보안사항이 꽤 중요하게 작...
[React Native] Lottie와 React Native를 이용한 역동적인 앱 만들기
Lottie Lottie는 웹이나 앱 환경에서 역동적이며 멋있는 복잡한 애니메이션을 구현하는 것을 도와주는 라이브러리입니다. 장점 개발자는 코드만으로는 구현하기 힘든 애니메이션을 쉽게 구현할 수 있게 해줍니다. 디자이너는 복잡한 애니메이션을 구현하기 위해 개발자의 눈치를 보지 않아도 되는 이점이 있습니다. 일반적인 GIF의 경우 프레임 ...
[React Native] Jest를 이용한 단위 테스트 해보기 (feat. TDD)
흔한 소프트웨어 개발 방법 요즘 소프트웨어의 개발은 정교함보다는 간편함과 신속함에 초점이 맞춰져 있습니다. 물론 일반화 하기에는 너무나 다양한 가치관과 개발 방식이 있겠지만 대부분의 기업에서는 아래와 같은 시나리오를 따릅니다. 소프트웨어의 요구스펙을 적은 기획서를 작성한다. (일부 기업에서는 이를 ‘유저스토리’라고 칭한다.) 디자인을 제작한...