
React Native와 NestJS를 활용한 Google Cloud Speech-to-Text 구현하기오늘은 모바일 애플리케이션에서 음성 인식 기능을 구현하는 방법에 대해 알아보겠습니다. 특히 React Native로 구현된 프론트엔드와 NestJS로 구현된 백엔드를 통해 Google Cloud Speech-to-Text API를 연동하는 방법을 자세히 설명하겠습니다.개요이 글에서는 다음과 같은 내용을 다룹니다:Google Cloud Speech-to-Text API 설정NestJS 백엔드 구현React Native 프론트엔드 구현비용 정보 및 무료 티어 활용 방법1. Google Cloud Speech-to-Text API 설정1.1 Google Cloud SDK 설치맥OS에서는 Homebrew를 통..

Expo 프로젝트에서 Xcode 인식 문제 해결하기문제 상황맥북에 이미 Xcode가 설치되어 있음에도 불구하고 Expo 프로젝트에서 iOS 시뮬레이터를 실행하려고 할 때 다음과 같은 메시지가 계속 표시되었습니다:Xcode must be fully installed before you can continue. Continue to the App Store? 심지어 Xcode 스플래시 화면이 보이는 상태에서도 이런 메시지가 나타났습니다.원인 분석이 문제는 Expo CLI가 시스템에 설치된 Xcode의 경로를 올바르게 인식하지 못해서 발생합니다. 로그를 보면 다음과 같이 Xcode: /undefined로 표시되어 있었습니다:IDEs: Xcode: /undefined - /usr/bin/xcodebuild해결..

Expo에서 'os.availableParallelism is not a function' 오류 해결하기 문제 상황오늘 Expo 프로젝트에서 npm run start 명령어를 실행했을 때 다음과 같은 에러가 발생했습니다.TypeError: os.availableParallelism is not a function 원인 분석이 오류의 원인은 Node.js 버전 호환성 문제였습니다. os.availableParallelism()은 Node.js 19 버전부터 도입된 함수인데, 저는 Node.js 18 버전을 사용하고 있었습니다.해결 방법Expo 깃허브 이슈(#34946)를 확인한 결과, 최신 LTS 버전의 Node.js로 업그레이드하는 것이 해결책이었습니다.다음 명령어로 최신 LTS 버전을 설치하고 적용했습..

React Native 개발 시 Expo 네트워크 연결 문제 해결하기React Native와 Expo로 개발하다 보면 종종 모바일 기기와 개발 서버 간의 연결 문제가 발생할 수 있습니다. 특히 npx expo start 명령어로 서버를 시작한 후 Expo Go 앱으로 연결이 되지 않는 상황은 많은 개발자들이 경험하는 문제입니다. 이번 글에서는 이러한 네트워크 연결 문제의 원인과 해결 방법에 대해 알아보겠습니다.연결 문제 발생 상황일반적으로 Expo 개발 서버를 시작하고 QR 코드를 스캔하면 Expo Go 앱으로 쉽게 접속이 가능합니다. 하지만 다음과 같은 상황에서는 연결이 실패할 수 있습니다:"Unable to connect to development server""Network response time..

React Native 시작하기: 설치부터 expo-router 환경설정까지최근 모바일 앱 개발 프로젝트를 시작하면서 React Native를 선택했고, 라우팅 라이브러리를 결정하는 과정에서 많은 고민이 있었습니다. 이 글에서는 React Native 설치부터 라우팅 환경설정까지의 과정을 공유하려고 합니다. 특히 expo-router와 react-navigation 중 어떤 것을 선택할지에 대한 의사결정 과정과 expo-router 세팅 방법을 자세히 다룰 예정입니다.1. React Native 설치하기React Native를 시작하는 방법은 크게 두 가지가 있습니다: React Native CLI를 사용하는 방법과 Expo를 사용하는 방법이 있습니다. 이 글에서는 초기 개발 환경 구성이 더 간편한 Ex..

Admobs란 대부분의 무료 어플에서 광고를 이용할 때 사용하는 구글의 AdMob이라는 모바일 광고입니다. https://admob.google.com/intl/ko_ALL/home//?gclsrc=ds&gclsrc=ds Google AdMob: 모바일 앱 수익 창출 인앱 광고를 사용하여 모바일 앱에서 더 많은 수익을 창출하고, 사용이 간편한 도구를 통해 유용한 분석 정보를 얻고 앱을 성장시켜 보세요. admob.google.com 1. 설치 expo install expo-ads-admob 2. 파일에 코드 추가 2-1. IOS 의 앱의 경우 ios의 유저는 설치해주어야 합니다 npx pod-install GADApplicationIdentifier ca-app-pub-3940256099942544~1..

Realm Realm 은 데이터를 휴대폰에 저장할 수 있는 MongoDB 와 AsyncStorage와 비슷한 역할을 하는 모바일 전용 라이브러리입니다. 설치 방법 npm install realm Install Realm for React Native — MongoDB Realm Docs Home → MongoDB RealmThe MongoDB Realm React Native SDK enables development of React Native applications using the JavaScript and TypeScript languages. React Native enables you to build cross-platform iOS and Android apps with a single co..
JavaScript, React 및 React Native에 이미 익숙하다면, React Navigation을 빠르게 사용할 수 있습니다! 만약 그렇지 않다면, 우리는 당신이 먼저 기본적인 지식을 쌓고, 끝나면 여기로 돌아오는 것을 강력히 추천합니다. 최소 요구사항 react-native >= 0.63.0 expo >= 41 (if you use Expo) typescript >= 4.1.0 (if you use TypeScript) 설치 방법 React Native 프로젝트에 필요한 패키지를 설치합니다. 1.react-navigation/native npm install @react-navigation/native 2. react-native-screens react-native-safe-area-co..
- Total
- Today
- Yesterday
- nextjs
- import/order
- jest
- javascript
- 아차산
- 노개북
- TopLayer
- createPortal
- 원티드
- 프론트앤드
- 프리온보딩
- 우아한테크코스
- 노마드코더
- 윤성우 열혈C프로그래밍
- nodejs
- Storybook
- electron
- NextApiRequest
- 초보
- 위코드
- env
- 북클럽
- C언어
- error
- 스토리 북
- React
- NextRequest
- WSL2
- CLASS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |