![]()
문제 상황앱을 처음 설치한 유저에게는 온보딩 화면을, 이미 온보딩을 완료한 사용자에게는 바로 홈 화면을 보여주는 기능을 구현했고, 코드는 아래와 같았다.React Navigation의 스택 네비게이터를 사용하여 유저가 온보딩을 완료했는지를 나타내는 상태 hasCompletedOnboarding 값에 따라 초기화면을 지정한다.이때 hasCompletedOnboarding 값은 AsyncStorage에서 비동기적으로 불러온다.const StackNavigator = () => { // 온보딩 완료 여부 체크 const hasCompletedOnboarding = useOnboardingStore((state) => state.hasCompletedOnboarding); return ( ..
문제 상황React Navigation을 이용해 딥링크를 설정했는데,홈 경로만 정상적으로 작동하고 파일 경로를 명시했을 땐 화면은 뜨지만 탭 네비게이터가 사라지는 등 이상한 현상이 발생했다. 테스트했던 딥링크 명령어:# ✅ 정상 작동 (홈 화면 + 탭 네비게이터 포함)npx uri-scheme open animal-crossing-trading-app:// --ios# ⚠️ 파일 경로: 화면은 열리지만 탭 네비게이터 없음 (stack으로 직접 접근됨)npx uri-scheme open animal-crossing-trading-app://screens/Home --ios# ❌ 올바른 딥링크 경로: Unmatched Route 에러 발생npx uri-scheme open animal-crossing-tra..
![]()
모동숲 마켓에서, 포스트에서 이미지를 캐러셀로 보여주기 위해 react-native-snap-carousel 패키지를 설치하고 사용했는데, 아래와 같은 오류가 발생했다.에러 발생한 곳import Carousel from 'react-native-snap-carousel';{post.images && ( ( )} sliderWidth={300} itemWidth={300 * 0.8} />)}에러 메세지 (NOBRIDGE) ERROR TypeError: Cannot read property 'style' of undefined [Component Stack]오류 원인오류가 발생한 원인은react-native-snap-carousel 내..
Expo로 빌드된 프로젝트 데모 파일을 강의에서 다운받아 실행해보던 중, npm install → npm start 과정에서 아래와 같은 에러가 발생했습니다:Failed to construct transformer: Error: error:0308010C:digital envelope routines::unsupported찾아보니 이 에러는 Node.js 17 이상 버전에서 OpenSSL의 기본 동작 방식이 변경되면서 발생하는 문제로, 저는 당시 Node.js v22를 사용하고 있었고, Node.js v18(LTS) 버전으로 다운그레이드한 후 문제를 해결할 수 있었습니다.아래에서는 더 자세히 에러의 원인과 해결방법을 다뤄보겠습니다.에러 원인Node.js 17 이상부터 OpenSSL 3.0이 기본적으로 사..
시작말엑셀 파일을 업로드하여 엑셀 파일에 있는 데이터를 이용하는 코드가 있는데, 엑셀 파일의 용량이 커질 때 RangeError: Maximum call stack size exceeded 에러가 발생해서 해당 에러가 발생한 이유를 파악하고 해결하며, 그 과정에서 새롭게 알게 된 개념들을 정리하기 위해 글을 작성하게 되었습니다.코드onSelectExcelFile({ files = [] }) { const [ file = {} ] = files ... const fileReader = new FileReader() fileReader.addEventListener('load', async ({ target: { result: arrayBufferData } }) => { co..
