반응형 개발 및 알고리즘/알고리즘18 [React Native] 리액트 네이티브에서 keychain store 구현하기 (react-native-keychain) 이전 글(리액트 네이티브에서 지문 인식 구현하기)에서 지문 인식을 도입한 프로젝트는 서버가 없어 react native단에서 직접 pulbic key를 안전하게 저장해놨다가, signature를 받아 검증까지 해야 했다.이를 위해서 모듈 react-native-keychain과 jsrsasign을 사용하였다.여기서는 keychain만 기록한다.keychain은 asyncStorage와 비슷하게 작동하지 ios 기기의 keychain과 android 기기의 keystore에 저장되어 매우 안전하게 보관된다는 특징이 있다.간단해서 따로 설명할 건 없고 기록용이다.import * as Keychain from 'react-native-keychain'export const setItem = async (key.. 2024. 8. 16. [React Native] 리액트 네이티브에서 지문 인식 구현하기 (react-native-biometrics) 생체 인식은 사용자의 잠금 해제 과정을 훨씬 더 간단하고 안전하게 만들어준다.오늘은 react native에서 생체 인식을 사용하는 방법에 대해서 기록하고자 한다. 사용할 모듈은 react-native-biometrics이다.ios에서는 touch id와 face id를, android에서는 지문인식을 지원한다.생체 인식 기능의 구조는 다음과 같다. 출처 New in Android Samples: Authenticating to remote servers using the Fingerprint APINews and insights on the Android platform, developer tools, and events.android-developers.googleblog.com 이 사진으로는 잘 이.. 2024. 8. 14. [Python] Selenium으로 웹 크롤링 (이메일 긁어오기) 웹에서 정보를 긁어와 엑셀로 정리할 수 있다면 얼마나 많은 업무를 자동화하여 시간을 절약할 수 있을까?오늘은 파이썬 selenium을 활용한 웹 크롤링을 적용하여 이메일로 받는 데이터를 엑셀에 저장하는 작업을 기록해 보겠다. 가상환경이 있고, 가상환경 하에서 진행한다고 가정해보겠다.파이썬 설치 및 가상환경 설정, 모듈 설치하는 방법에 대한 글은 나중에 쓰겠다.먼저 사용되는 모듈들을 설치해 보겠다. - 크롤링에 활용되는 대표적인 모듈 selenium - 복사 붙여넣기를 위한 모듈 pyperclip - html 파일 파싱을 위한 모듈 bs4 - 엑셀 파일로 저장하는 기능을 위한 모듈 openpyxl pip install seleniumpip install pyperclippip install b.. 2024. 8. 8. [AWS] CloudWatch Alarm 설정해서 Slack에 알림 보내기 AWS CloudWatch는 AWS 서비스를 이용하면서 발생하는 지표들을 모니터링하는 툴이다. 다양한 기능이 있지만, 각 지표에 대해서 경보(Alarm)를 설정하고 알림을 받을 수 있는 기능도 있다. 예를 들면 CPU utilization이 50%를 넘길 경우 이를 즉각적으로 알 수 있는 것이다.출시한 프로그램에서 어떤 문제가 발생했을 시 이를 얼마나 빨리 알아차리고 대처하느냐는 유저 이탈율에 직접 대응되는 문제이기 때문에 매우 중요하다. (즉각적 대처가 어려운 문제이더라도, 시스템 점검 중이라는 창을 띄우는 것과 그냥 무한 로딩이 되거나 앱이 터지는 것은 UX 상에서 엄청난 차이가 있다.)그러나 AWS 콘솔을 계속 들여다보며 혹시 문제가 생겼는지 모니터링할 수는 없다. 그래서 오늘은 AWS SNS, A.. 2024. 8. 7. [React Native] 리액트 네이티브에서 커스텀 폰트 일괄 적용하기 보통 앱을 제작할 때에는 fontFamily 스타일 특성을 이용해 기본 폰트가 아닌 커스텀 폰트를 사용한다.이번 글에서는 커스텀 폰트로 fontFamily를 사용하는 방법과 프로젝트에 일괄적으로 폰트를 적용하는 방법을 적어 보겠다.우선 폰트 파일이 필요하다. 폰트 파일은 일반적으로 ttf, otf 확장자를 사용하는데, otf는 안드로이드에서도 적용이 되는 반면 ttf는 ios에서 적용이 안되는 경우가 있으니 가능한 otf를 사용하자.Google Fonts 사이트에서 무료 폰트 파일을 다운로드할 수 있다. 1. src/assets/fonts 폴더에 폰트 파일을 넣는다. 주의할 점은 이 폰트 파일의 이름을 그대로 사용하면 안 된다는 것이다.안드로이드의 경우 폰트 파일을 찾을 때 파일명을 참조하지만 ios의 .. 2024. 7. 30. [React Native] 리액트 네이티브에서 구글로그인 구현하기 (@react-native-google-signin/google-signin) 리액트 네이티브 (안드로이드, ios)에서 구글로그인을 하는 방법을 정리하고자 한다. 구글 클라우드 콘솔에서 새 프로젝트를 생성한다.왼쪽 위를 보면 드롭다운이 있다. 새 프로젝트를 생성한다. 프로젝트의 이름을 설정한다. 잠깐의 시간이 지나고 생성되었다는 팝업이 뜨면 아까 그 드롭다운을 눌러 생성한 프로젝트 콘솔로 들어간다. 왼쪽 사이드바를 열어서 API & Services (API 및 서비스) > Credentials (사용자 인증 정보) Create Credentials > OAuth client ID 동의 화면을 설정해야 한다고 나온다. 설정하러 가보자. 유저타입: 외부 앱 이름과 이메일, 개발자 이메일을 설정한다. 그 외 범위, 테스트 유저 등은 일단 설정하지 않는다. 동의 화면이 설정되면 .. 2024. 7. 23. 이전 1 2 3 다음 반응형
