하루살이 개발일지

React Native 공식문서를 보면 알 수 있다시피 Expo를 강추하고 있다. 그래서 Expo를 이용해 프로젝트르 세팅하는 중 라우터 구현 방식에 대한 기술적 의사결정이 필요했다. 지금까지는 React navigation만 사용했는데, Expo Router도 한번 사용해 보고싶었다. 우선 Expo router란, React Native와 웹 앱에서 사용할 수 있는 파일 기반 라우팅 라이브러리이다. iOS, Android, 웹에서 동일한 라우팅 구조를 사용할 수 있다. 파일 시스템을 기반으로 동작하며, 디렉터리에 파일을 추가하면 해당 파일이 자동으로 라우트로 등록된다.  Expo Router의 특징Expo router는 다음과 같은 특징이 있다. 네이티브 지원: React Navigation을 기반으로..

👀 Git 워크플로우 도입 배경팀 프로젝트를 진행하면서 여러 가지 불편사항을 경험했다. 첫째, 팀원 간의 커밋 메시지 형식이 일관되지 않아 변경 사항을 추적하기가 어려웠다. 둘째, 코드 품질 관리가 체계적이지 않아 린트와 스타일 가이드라인을 준수하지 않은 코드가 종종 커밋되었다. 마지막으로, 기본 브랜치(main)에 실수로 직접 푸시하거나 PR(Pull Request) 과정이 누락되는 문제가 있었다. 이러한 문제를 해결하기 위해 Git 워크플로우를 도입하기로 결정하였다. Git 워크플로우란 Git에서 브랜치와 커밋, 푸시 등의 작업을 체계적으로 관리하는 방법을 말한다. 이를 통해 코드 품질과 협업 효율성을 높이고, 실수를 줄일 수 있을 것이라 판단했다. 이를 구현하기 위해 Husky와 Commitize..

현대 디지털 세계에서는 데이터 보안이 무엇보다 중요하다. 서버는 민감한 정보를 클라이언트에 무분별하게 제공할 수 없기 때문에, 정보를 검증하거나 안전하게 전달하기 위해 디지털 서명 방식이 필수적이다. 이를 위해 널리 사용되는 두 가지 핵심 기술이 바로 RSA 암호화와 SHA-256 해싱 알고리즘이다.  프로젝트 당시 재화가 오고가는 기능을 구현하는 과정 중 본인인증이 필요한 요구사항이 있었다. 앱플로우 상 꽤나 빈번하게 발생할 검증 과정이었기 때문에, UX를 위해 PASS인증이나 카카오톡 인증 방식 등을 사용하기에는 번거로울 거라고 판단하였다. 따라서 생체인증을 활용한 전자서명 방식을 채택하였고, 이를 구현하는 과정에서 RSA와 SHA-256에 대한 개념을 접했다. RSA와 SHA-256이 보안과 무결성..

React Native Reanimated는 iOS 및 Android 애플리케이션에 부드러운 애니메이션과 상호작용을 만들 수 있게 해주는 강력하고 직관적인 라이브러리이다. 리액트 네이티브에는 다양한 성능 좋은 애니메이션 라이브러리가 있으며, 기본적으로 제공되는 Animated API도 포함되어 있다. 하지만 이번에는 Reanimated를 깊이 있게 살펴보면서, 이 라이브러리가 왜 더 우수한 선택이라고 생각하는지 알아보려고 한다.React Native Reanimated# Reanimated 코드 실행Reanimated의 핵심 강점은 리액트 네이티브 애플리케이션의 성능과 반응성을 향상시키는 능력에 있다. 이는 즉각적인 코드 실행을 통해서만 달성할 수 있는 부드러운 애니메이션을 제공한다.Reanimated가..