본문 바로가기

개발실69

[React-Query v3] isLoading 과 isFetching 차이 isFetching은 비동기 쿼리가 해결되지 않았음을 의미합니다. 아직 Fetching을 완료하지 않았지만 쿼리가 Axios 호출 또는 GraphQL호출일 수 있습니다. isLoading은 데이터를 가져오는 상태에 있음을 의미합니다. 쿼리 함수가 아직 완료되지 않음을 의미합니다. 그리고 캐시된 데이터도 없습니다. 별 차이는 없어보이지만, Pagination이나 Infinite scroll 을 구현할 때 캐시된 데이터가 있는가에 따라 isFetching 과 isLoading을 구분하여 사용할 수 있다. 2023. 1. 4.
✖ Android SDK - Required for building and installing your app on Android npx @react-native-community/cli doctor 이 코드로 환경설정을 진단 했을 때 아래와 같이 sdk를 다운 받았음에도 이러한 이슈가 있다면 ( 특히 Version supported 의 버전을 컨트롤 하고 싶을 때 ) 프로젝트 파일에서 android -> build.gradle 로 이동하여 버전을 맞춰주자 2022. 7. 17.
error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. 리액트 네이티브에서 npx react-native init AwesomeProject 명령어로 RN 셋팅을 하였다. 그리고 안드로이드 스튜디오 셋팅을 마치고 npx react-native run-android를 실행했을 때 아래와 같은 에러가 나온다. error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. 이럴 땐 SDK 설치를 다시 확인해보자. 참고로 나는 Setting -> Android SDK -> SDK Platforms 에서 Android SDK Platform 33 과 Android SDK Platform 31 이 중복 설치되어있어서 하나를 삭제해주어 에러를 해결하였다. 2022. 7. 16.
Typescript 컴파일러 및 tsconfig.json 시계(관찰) 모드 ts파일에서 코드를 변경할 때마다 웹페이지에서 변경사항을 반영하고 싶을 때 tsc --watch or tsc -w 전체 컴파일 index.html 에서 script 작성 ex) tsc -init (특정 파일 지정안함) tsconfig.json 생성 확인 tsc -> 컴파일 원하는 파일 제외 후 컴파일 tsconfig.json 에서 exclude 추가 ex) "exclude": ["ananlytics.ts"] // ananlytics.ts 제외 ex) "exclude": ["*.dev.ts"] // dev.ts가 포함된 모든 파일 제외 ex) "exclude": ["**/*.dev.ts"] // 이와 같은 패턴의 파일 제외 [참고] exclude 사용 시 node_modules는 꼭 제외.. 2022. 7. 12.