하루살이 개발일지

현대 디지털 세계에서는 데이터 보안이 무엇보다 중요하다. 서버는 민감한 정보를 클라이언트에 무분별하게 제공할 수 없기 때문에, 정보를 검증하거나 안전하게 전달하기 위해 디지털 서명 방식이 필수적이다. 이를 위해 널리 사용되는 두 가지 핵심 기술이 바로 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가..

😀 해당 포스팅은 React 애플리케이션에서 오류를 처리하기 위해 react-error-boundary 라이브러리를 사용하여 에러 바운더리를 구현하는 방법과, 이를 통해 동기 및 비동기 오류를 효과적으로 관리하는 방법을 설명하고자 합니다. React Error Handling With React-Error-Boundary  React에서 에러를 핸들링하는 방법 중 하나는 오류 경계(error boundaries)를 사용하는 것이다. 이 글에서는 react-error-boundary를 사용한 React 오류 처리에 대해 알아보았다. React에서의 오류 경계  React 에러 바운더리는 React 애플리케이션에서 오류를 처리하는 데 중요한 부분이다. 에러 바운더리는 자바스크립트 오류를 자식 컴포넌트 트리..

기존에 Promise.all은 알고 있었지만 병렬 처리를 위해 Promise.all을 사용하던 도중 개별 프로미스들의 성공과 실패를 판단해 실패한 프로미스에 대한 처리를 하고 싶었는데, 해당 메서드가 가진 한계로 인해 원하는 기능을 구현할 수 없었다. 와중에 병렬 처리를 해주는 Promise.allSettled라는 메서드를 알게 되었고 이 두 가지의 차이점을 비교해보고 싶었다. Promise.all 우선 Promise.all은 모든 프로미스가 성공적으로 완료(fulfill)될 때까지 기다린 후 모든 프로미스의 반환 값을 배열에 넣어 반환한다. 하나의 프로미스라도 실패하면 전체가 실패로 간주되고, 개별 프로미스의 성공 또는 실패를 추적할 수 없다. 즉 모든 프로미스 중 하나라도 reject가 호출된다면, ..