YG - 96년생 , 강아지 있음, 개발자 희망

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..

React에서 react-toastify로 효과적인 알림 구현하기개발을 하다 보면 사용자에게 작업의 성공, 실패, 진행 상태 등을 알려줄 필요가 있습니다. 이런 알림(notification)을 구현하는 방법은 여러 가지가 있지만, React 환경에서는 react-toastify 라이브러리가 가장 인기 있고 사용하기 쉬운 선택지 중 하나입니다.이 글에서는 react-toastify를 설치하고 효과적으로 사용하는 방법, 그리고 Portal을 활용해 더 나은 구조로 구현하는 방법까지 알아보겠습니다.react-toastify란?react-toastify는 React 애플리케이션에서 토스트 메시지(작은 알림 팝업)를 쉽게 구현할 수 있게 해주는 라이브러리입니다. npm에 따르면 주간 다운로드 수가 230만개 이상..