본문 바로가기

에러

(3)
Next.js - App router Error Handling(오류 처리) error.js 파일 컨벤션은 중첩 라우트에서 발생하는 예상치 못한 런타임 에러를 우아하게 처리할 수 있도록 도와줍니다.자동으로 라우트 세그먼트와 자식 세그먼트를 리액트 에러 바운더리로 감싸줍니다.세분성을 조절하기 위해 파일 시스템 계층 구조를 사용하여 특정 세그먼트에 최적화 된 에러 UI를 생성할 수 있습니다.나머지 기능은 그대로 유지한 채로 에러가 발생한 세그먼트만 분리할 수 있습니다.전체 페이지 로딩을 하지 않고 에러를 핸들링 할 수 있는 기능을 추가할 수 있습니다.error.js 파일을 라우트 세그먼트에 위치하고 리액트 컴포넌트를 export 하면 에러 UI를 생성할 수 있습니다.  공식 문서에서 제공하는 error.js의 기본 예시 코드는 아래와 같습니다.'use client' // 에러 컴포넌..
React Native - ios 실행 시 explicit dependency.... 나오고 멈추는 오류 해결책 React Native App을 실행시킨 후 "i" 키 입력을 통해 ios 시뮬레이터를 실행 시켯을 때 아래 이미지와 같이 터미널에 "explicit dependency...." 라고 나오며 멈추는 오류가 발생하였다. 이를 해결한 방법을 기록하고자 한다. 1. 수정해야할 파일로 접근react native프로젝트에 root 디렉터리 -> ios -> Pods -> Flipper -> xplat -> Flipper -> FlipperTransportTypes.h 파일로 접근한다.  2. FlipperTransportTypes.h 파일에 include 추가FlipperTransportTypes.h 파일 상단에 아래 코드를 추가해준다.#include   위에 보여준 과정을 진행하면 해당..
React Native - Execution failed for task ':app:installDebug' 오류 해결 react-native앱을 실행시킨 뒤 run on Android를 실행 시켯을 때 아래와 같은 오류메세지가 나타낫다..Execution failed for task ':app:installDebug'.> cohttp://m.android.builder.testing.api.DeviceException: No connected devices! 이 문제를 해결한 방법에 대해 기록하고자 한다. 1. Virtual Device Manager로 접근  2. Device Manager에서 현재 등록되어있는 디바이스를 삭제한다.  3. create device를 통해 새로운 기기를 등록한 후 실행시킨다. 위와 같은 방법으로 진행하니까 오류가 해결되었다.