React
-
📸 React Native에서 사진을 사진첩에 저장하는 방법 (with @react-native-camera-roll/camera-roll)React 2025. 3. 22. 20:41
💡 목표React Native 앱에서 react-native-vision-camera로 촬영한 사진을→ 사용자의 사진첩(갤러리)에 저장하는 기능을 구현합니다.📦 사용 라이브러리@react-native-camera-roll/camera-roll공식적인 Camera Roll API로, iOS/Android 모두 지원합니다.🛠️ 설치 및 설정1️⃣ 라이브러리 설치npm install @react-native-camera-roll/camera-rollnpx pod-install2️⃣ iOS 설정Info.plist에 권한 설명을 추가해 주세요:NSPhotoLibraryAddUsageDescription사진을 앨범에 저장하기 위해 권한이 필요합니다.이 메시지는 사용자에게 표시됩니다.3️⃣ Android 설정 ..
-
React-native 카메라 라이브러리 비교React 2025. 3. 13. 21:54
🚀 react-native-vision-camera를 추천React Native에서 카메라 기능을 구현할 때 여러 가지 라이브러리가 있지만, 현재 가장 강력하고 최적화된 선택은 react-native-vision-camera입니다.다른 라이브러리와 비교했을 때 성능, 유지보수 상태, 기능 지원, 사용 편의성 등에서 우수한 점이 많습니다. 아래에서 자세히 설명해 드리겠습니다. 😊✅ 1. react-native-camera보다 최신 & 성능이 뛰어남기존에 많이 사용되던 react-native-camera는 현재 개발이 중단되었습니다.반면, react-native-vision-camera는 지속적인 유지보수가 이루어지고 있으며, 최신 기술을 활용하여 성능도 뛰어납니다.라이브러리 유지보수 상태 성능react..
-
React-native 카메라 사용하기React 2025. 3. 13. 21:50
TypeScript 기반으로 react-native-vision-camera를 사용하여 카메라 기능을 구현하는 방법을 정리해볼게요. 📸🚀 1. 카메라 라이브러리 선택React Native에서 카메라를 사용하려면 두 가지 대표적인 라이브러리가 있어:react-native-camera (비활성화됨, 추천하지 않음 ❌)react-native-vision-camera (가장 강력한 기능 💪 ✅)react-native-image-picker (갤러리에서 선택 가능 ✅)카메라 직접 사용이 필요하다면 react-native-vision-camera 추천!사진 촬영 & 갤러리 선택이 필요하다면 react-native-image-picker도 고려 가능.🚀 1. 라이브러리 설치npm install react-na..
-
React-native 시작하기React 2025. 3. 13. 21:36
리액트 네이티브 앱 초기화면입니다. 지금부터 리액트 네이티브(React Native)로 앱을 개발하는 과정을 간단하게 단계별로 설명하겠습니다.📌 1단계: 개발 환경 설정1️⃣ 필수 도구 설치🛠️ Node.js 설치최신 LTS 버전의 Node.js를 다운로드 후 설치🛠️ React Native CLI 설치npm install -g react-native-cli 🛠️ Android & iOS 개발 도구 설치플랫폼 필수 도구AndroidAndroid StudioiOS (Mac 전용)Xcode📌 2단계: 새로운 프로젝트 생성📌 React Native CLI로 프로젝트 생성npx react-native init MyAppcd MyAppMyApp은 프로젝트 이름이며, 원하는 이름으로 변경 가능📌 3단..