React-Native

node_modules, package-lock.json ... 모두 다 삭제하고npm install, cd ios && pod install 해도 실행이 안됨...이거 한번에 터미널에 입력하니까 해결 완료..^^

그리고 좋아요 상태를 AsyncStorage에 저장해주고 상태를 업데이트 시켜준다.처음 렌더링될 때 getLikedArticles를 호출하는데 getLikedArticles에는 AsyncStorage에 저장되어 있는 좋아요 데이터를 가지고 있다.AsyncStorage에

New York Times api를 사용하기 위해서는 api key가 필요하다.api key를 하드코딩하면 보안 위험이 있을 수 있으니환경변수를 활용해서 노출되면 안되는 api key를 숨겨줘야한다.설치env파일 생성설정android/settings.gradle에 코드

1.설치 })();declare module ".svg" { import { SvgProps } from "react-native-svg"; const content: React.FunctionComponent; export default conten

딥링크란?url을 입력해서 원하는 웹 페이지에 접속하는 것처럼 앱에서도 특정 컨텐츠 링크에 도달하게끔 해주는 것.딥링크 종류1) URI Scheme 방식: 앱에 URI 스킴(scheme)값을 등록해서 사용 ex) twitter을 오픈한다고 하면 ‘twitter://'

회원가입이나 비밀번호 찾기를 진행할 때 반드시 필요한 것이 인증번호이다.이메일을 입력하고 인증요청을 누르면 해당 이메일로 인증번호가 가는데 유효시간 안에 인증번호를 입력해서 본인인증을 하면 되는 로직으로 구현하였다.<이메일>1) 가입된 이메일이 없을 때2) 올바른

마이페이지, 비밀번호 재설정 등 유저 정보를 저장해놓고 어디서든 꺼내서 사용하기 위해 Recoil을 사용하였다. 하위 컴포넌트로 props를 이용해서 계속 넘겨주기 힘들고 관리하기 어려우니 전역변수처럼 사용하려는건데바로바로 필요할 때 꺼내서 사용하니 정말 편리하다:)

image-crop-picker로 얻은 이미지 객체를 FormData에 담기(사진을 찍거나 갤러리에서 사진을 선택하면 프로미스 콜백의 인자로 image라는 객체를 던저줌)formData 객체를 서버로 전송form에 있는 데이터들과 images에 담겨있는 이미지들을 서버

React-native android 실제 기기 연결이 되지않고 emulator로 연결이 된다.1) 가장 먼저 android 기기의 설정탭 -> 개발자 옵션으로 들어가 USB 디버깅을 활성화시킨다.2) 기기가 잘 연결되면 CMD 창에 아래와 같은 명령어를 입력하면 기기

회사에서는 맥을 사용하다보니까 윈도우랑은 조금 설치 방법이 달랐다.계속 실행하지 못한다는 에러가 떠서 이것저것 시도하고 해결해봤는데 Android Studio 삭제하고 다른 device로 했더니 바로 실행완료..^^구글링하다가 잘 정리해놓은 블로그가 있어서 가져와봤다h

<참고>https://velog.io/@tmdghks_dev/React-Native-%ED%8F%B0%ED%8A%B8-%EC%A0%81%EC%9A%A9-%EB%B0%A9%EB%B2%95

react-native에서 푸시 알림을 구현하는 방법이 여러가지 있는데이중에 firebase와 notifee 조합으로 구현해보았다.푸시 관련 라이브러리"@react-native-firebase/app”"@react-native-firebase/messaging”"@no

(테스트 요청사항 입력하기)\-> android 배포하는 방법 두가지이나, 앱에 따라서 다른곳에서 배포함 어디에서 배포할지 여쭤보고 진행하면 됨!1.clean builder folder (정리)2.General -> identity version 변경해주기

axios intercepter은 애플리션에서 처리하기 전에 Axios 라이브러리에서 수행한 HTTP요청 or 응답을 가로채고 수정하는데 사용할 수 있는 기능이다.request: 요청을 보내기 전에 가로채서 헤더에 정보를 추가하거나 요청 데이터를 수정하는 등의 작업을

FlatList는 배열로 된 데이터를 이용해서 반복적인 뷰 아이템을 만들 수 있다.FlatList를 통해 원하는 아이템이 있는 곳으로 스크롤이 필요할 때 scrollToIndex를 사용하여 스크롤을 해준다.해당 container를 클릭을 때 toggle이 되면서100밀

toggle을 열고 닫을 때, reanimated를 이용해서 간단한 애니메이션을 적용해 보았다.토글 버튼을 누를 때마다 'isShown'상태가 변경되게 업데이트시키고,AnimatedStyle 적용할 부분에 style={AnimatedStyle}를 작성해준다.Reanim

Node Package Managernpm은 패키지를 설치한 후에 npm run 명령어를 사용하여 실행한다.프로젝트에 의존성 패키지를 설치하면 해당 패키지를 로컬에 설치한다. -> 각 패키지 버전을 따로 관리함node.js를 설치하면 시스템에 자동으로 설치가 된다.No

codepush란? Microsoft에서 스토어 심사 없이 실시간으로 앱을 업데이트 할 수 있는 라이브러리이다. CodePush는 특정 업데이트 (ex. JS, HTML, CSS 및 ssets(이미지, 폰트 등))의 경우 심사없이 업데이트 할 수 있다. staging과

ios > 프로젝트 > AppDelegate.mm AppDelegate.m 파일 제일 상단에 다음을 추가해준다.주의할 점은 상단쪽이 아닌 다른 곳에 추가하면 빌드 에러가 생길 수 있으므로반드시 상단에 추가해야한다.Xcode > 프로젝트 > targets(프로젝트) >

React Query에서는 쿼리를 캐싱할 때 query key를 기반으로 하며, 이 키는 고유해야 한다. 작은 프로젝트에서는 이를 쉽게 다룰 수 있겠지만, 대규모 프로젝트에서는 query key를 관리하는 것이 복잡해질 수 있어 에러가 발생하기 쉽다. 그래서 quer

React는 개발자 도구를 이용해서 디버깅하면 되지만React-native는 디버깅하기 쉽지 않아 디버깅할 수 있는 툴을 사용해야 하는데 어떤것들이 있는지 찾아보았다:)\-> 애뮬레이터에서 바로 디버깅할 수 있지만 잘 사용하지 않음!(http://localho

웹뷰(webView)는 모바일 애플리케이션 내에서 웹 콘텐츠를 표시하기 위한 컴포넌트이다.앱 한계 때문에 웹뷰를 종종 사용하곤 하는데..웹뷰를 사용할 때 주로 사용되는 상호 작용 메커니즘으로 injectJavaScript, postMessage를 사용한다!injectJ

React Hook Form은 로컬 폼 상태를 효과적으로 관리하기 위한 라이브러리이다.useState와 같은 제어 컴포넌트로 form을 관리하면 여러 state 관리, 값을 변경 처리하는 이벤트 핸들러, 불필요한 리랜더링 등.. 때문에 코드 관리가 상당히 번거롭기 때문

Redux나 Recoil과 같은 클라이언트 측 상태 관리 라이브러리와는 다르게 React-Query가 주로 서버 상태를 관리하며, 데이터 fetching, caching, synchronization, 그리고 업데이트 작업을 효율적으로 처리하기 때문에 React-Que

모두 데이터를 가져오는지 확인하는 용도로 사용되지만기존에 캐시된 데이터가 있느냐 에 따라 isLoading과 isFetching이 나뉜다.isLoading캐싱된 데이터가 없을 때 즉, 처음 실행한 쿼리일 때 로딩 여부에 따라 true/false 반환한다.어떤 데이터를

걸음수를 구현하기 위해서 google cloud에 사용자 인증 정보를 등록하려고 하니 SHA-1 인증서가 필요로 했다.가장 간단한 방법은또는

개발 완료 후, google play sotre 출시를 위해 release용 인증서를 생성함안드로이드 앱을 play store에 올리려면 배포할 때 개발자가 서명을 해야한다.이 서명을 키스토어(keysotre)라고 한다.Keystore는 앱 개발자에 대한 정보를 서명한

./gradlew clean이 되지 않아서 오류내역을 보니 gradle 버전이 낮아서 생긴 현상이였다.gradle은 기본적으로 아래와 같은 루트에 있는데특정 버전으로 변경하고 싶다면 아래와 같은 루트에 들어가서 버전을 올려주면 된다.나는 8.4버전으로 변경하였다!그다음

React-Query 사용하는 이유? axios는 HTTP 요청을 보내고 응답을 받는 데에 중점을 두는 반면, React Query는 데이터의 상태 관리와 최적화에 초점이 있다. 1.caching, fetching, 동기화, 서버 업데이트, 에러 핸들링 등 서버 상

SDK업데이트 하라는 빨간 경고 문구가 나와서 firebase SDK 버전을 확인해 보았다.Podfile.lock에서 찾아보거나 명령어 pod list에서 찾아보면 알 수 있다!

Json 파일을 홈 화면에 넣으려고 lottie를 사용했는데 ios에서 안된다...!!!아무리 구글링을 하면서 여러가지 방법을 시도해봤지만 안된다🥲그러다가 url로 가능하다고해서 해봤는데 되네?https://lottie.host/c404786e-2d84-42

현재 API가 33으로 되어 있었다!

<참고>https://github.com/facebook/react-native/issues/39903

react-native-webview 모듈에서 발생한 문제로많은 리소스를 사용할 경우 등의 이유로 앱이 멈추는(crashing/freezing) 문제라고 한다.stack overflow와 https://stackoverflow.com/questions/6172

GitLens — Git supercharged: Git 기능을 강화하여 코드 내에서 변경 사항을 시각화하고 Git 작업을 쉽게 만들어주는 확장Material Icon Theme: 파일 탐색기에 Material Design 아이콘을 추가하는 테마 확장.Tailwind