화면
주요 기능
텍스트 → QR
입력한 텍스트를 QR 코드로 만듭니다. 긴 글은 여러 장으로 나눠 이전·다음으로 넘겨 보여 줍니다.
QR → 텍스트
카메라로 QR 코드를 읽어 텍스트로 바꾸고, 바로 복사할 수 있습니다.
웹 메모 연동
로그인하면 앱에서 저장한 메모를 이 사이트의 메모 화면에서도 그대로 보고 고칠 수 있습니다.
소셜 로그인
소셜 계정으로 간편하게 로그인합니다. iOS 에서는 기기의 애플 로그인을 그대로 씁니다.
PC 소스 제공
PC 에서 QR 을 만들고 읽는 Java 소스를 앱에서 복사해 바로 쓸 수 있습니다.
기술 스택
- React Native
- React
- JavaScript
- Firebase Cloud Messaging
- Next.js
- Node.js
- MySQL
- Jest
들어 있는 기능
안정성 · 운영
헬스 체크서버와 DB 가 정상인지 바깥에서 늘 확인할 수 있는 헬스 체크가 들어 있습니다.
정기 DB 백업데이터는 일 단위·월 단위로 나눠 정기적으로 백업해, 잘못된 변경이 생겨도 이전 시점으로 되돌릴 수 있습니다.
장애에도 열리는 앱버전 확인 서버가 응답하지 않아도 앱은 막히지 않고 그대로 열립니다.
일시 장애에 강한 로그인서버 점검이나 네트워크 끊김으로는 로그아웃되지 않고, 정말 무효일 때만 다시 로그인을 요청합니다.
보안 · 계정
소셜 로그인구글·애플·카카오·네이버 계정으로 로그인하며, 위조 요청을 걸러내는 검증을 거칩니다.
자동 재로그인로그인이 만료되면 한 번의 재로그인으로 조용히 복구하고, 하던 요청을 이어서 처리합니다.
데이터 · 동기화
앱 ↔ 웹 메모 동기화앱에서 저장한 메모를 웹 메모 화면에서도 같은 계정으로 보고 고칠 수 있습니다.
오류에 강한 통신네트워크 오류가 나도 화면이 멈추지 않도록 모든 요청 결과를 성공·실패로 정리해 다룹니다.
알림 · 업데이트
계정별 푸시 알림로그인·로그아웃에 맞춰 기기와 계정의 연결을 갱신해, 알림이 정확한 사람에게 갑니다.
알림 대상 자동 정리앱을 지운 기기는 발송 결과로 골라내 자동으로 정리하고, 보낸 이력을 남깁니다.
강제 업데이트 · 공지업데이트 필요 여부와 공지를 서버가 판단해 보여 주므로, 앱을 다시 배포하지 않고 안내를 바꿉니다.
사용성
긴 글도 QR 로긴 텍스트는 여러 장의 QR 로 나눠 넘겨 보여 주고, 이모지·한자도 중간에서 잘리지 않습니다.
배포 · 품질
빌드 설정 자동화최신 iOS 대응 같은 네이티브 설정을 빌드 플러그인으로 코드화해, 빌드마다 똑같이 적용합니다.
자동 테스트로그인·소셜 로그인·재요청·빌드 플러그인을 단위 테스트로 검증합니다.
자동 배포백엔드는 코드를 올리면 빌드부터 서버 재시작까지 자동으로 배포됩니다.
구성도
- QR 앱iOS · Android
- finecode 백엔드Next.js API
- 공유 DBMySQL
- 웹 메모 화면finecode.co.kr
- finecode 백엔드같은 계정 · 같은 메모
- finecode 백엔드앱 푸시 발송
- Firebase Cloud Messaging
- 기기 알림
앱과 웹은 같은 백엔드·같은 계정을 쓰고, 푸시는 백엔드가 Firebase 서버 SDK 로 직접 보냅니다.
운영 · 배포
- 앱 시작 때 서버가 최신 버전을 보고 강제 업데이트·공지 여부를 판정합니다 — 안내 문구와 기준은 앱 배포 없이 바꿉니다.
- iOS·Android 를 클라우드 빌드로 만들고, 네이티브 설정은 빌드 플러그인으로 코드화해 빌드마다 똑같이 적용합니다.
- 백엔드는 finecode 사이트와 같은 Jenkins → PM2 파이프라인으로, push 하면 바로 배포됩니다.
- 서버는 헬스 체크로 상태를 확인하고, DB 는 일·월 단위로 정기 백업합니다.