# RN

122개의 포스트

FlatList + reanimated 잘 안 된 다

FlatList 안에 Swipeable item 기능 구현 중 Implement swipeable item from scratch pure reanimated w/ gesture-handler 에니메이션 효과가 많이 적용될수록 flatlist life cycle과 궁합

5일 전
·
0개의 댓글
·

속도기준 Snap point 구하기 feat. Velocity with reanimated

reanimated로 스프링 에니메이션 Swipeable 카드를 구현중에 속도 인자에 대한 계산이 필요해서 계산 함수를 가져왔다. 출처: https://github.com/wcandillon/react-native-redashlibrary를 가져다 쓰면 편하다

2022년 11월 21일
·
0개의 댓글
·
post-thumbnail

[ReactNative] ONE AR 프로젝트 개발 환경 설정 (공통)

동아리 ONE의 AR 프로젝트 개발 환경 설정을 위해 작성 되었다. > 본 글은 RN 환경설정 공식문서, RN Device 실행 공식문서를 따르며, 시간이 지나면 변경될 수 있음. 프로젝트 기획은 진작에 나왔으나 개발환경 설정이 이렇게 애를 먹일줄이야. 앞으로 투입

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

[React Native] SVG 이미지 로드 하기

React 와 다르게 React-Native 는 svg이미지를 바로 사용할 수 가 없다 그래서 아래의 라이브러리를 사용해야한다!github.com/react-native-svg/react-native-svg먼저 설치한 라이브러리의 WithLocalSvg 라는 컴포넌트를

2022년 11월 3일
·
0개의 댓글
·
post-thumbnail

DataStore error on Android | RN 안드로이드 DataStore 에러

AWS Amplify 는 다양한 기능들을 제공한다.이중에서 DataStore 는 GraphQL API 를 사용하여, amplify server 와 query 를 가능하게 해준다.그러나, React Native 에서 정상적으로 동작하지 않는 버그를 확인하였다.오직, An

2022년 11월 1일
·
0개의 댓글
·

[RN] Android Release Build to emulator or device

react-native-gesture-handler 예제를 클론했다. 개요 : 토이 프로젝트에서 적용중인데 제스처 예제를 보고 싶은데 metro로 매번 연결해서 켜야하나 하는 의문이 생겼다.그냥 릴리즈 모드로 앱 설치해두면 좋을것 같아서 방법을 찾아봄 . 이거면 되는듯

2022년 11월 1일
·
0개의 댓글
·

[react native] 개발 환경 셋팅

맥 노트북을 포맷하는 바람에 기존 개발환경 셋팅이 다 날아갔다...

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

[RN] 해결해야 할 문제들

1️⃣ Textfield 컴포넌트에서 3개의 Textfield value가 동기화되는 문제2️⃣ 첫번째 화면을 제외한 나머지 화면에서 tab bar를 가려야 하는데 그게 안되는 문제useLayoutEffect를 사용하면 구현은 가능하지만 성능상 사용하지 않는 게 좋다고

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[RN] 첫번째 화면 빼고 tab bar가 보이지 않게 하기

[react native] tab navigation과 stack navigation을 함께 사용하면서 생기는 문제.

2022년 10월 24일
·
0개의 댓글
·

[Error] This component must be used inside a <RecoilRoot> component.

This component must be used inside a RecoilRoot component. 상황 기존에 사용하던 MobX에서 Recoil로 변경을 한 후 서버를 재시작하였을 때 이와같은 에러가 발생하였다. 원인 Recoil을 사용하게된 경우 컴포넌트를 RecoilRoot 태그 내에서 사용해야 한다. 한마디로 루트 컴포넌트를 Recoil...

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

[RN-iOS] rn 아이콘 라이브러리 react-native-vector-icons 사용해보자~!

도하! 오늘은 아주 유우명한 아이콘 라이브러리 react-native-vector-icons 를 사용해볼겁니다.install이 터미널 한줄로 되지 않아서 블로그 글을 써 봅니다!하나씩 따라와보세요.https&#x3A;//oblador.github.io/react-na

2022년 10월 21일
·
0개의 댓글
·

[RN] 라이브러리 버전 올리기

라이브러리 버전 올리기 step 01. 기존 버전으로 세팅하기 error : No bundle URL present 방법 1 (미해결) or Xcode > product > clean build folder 참고한 블로그 방법 2 기존 블로그앱은 node가 v12 이기때문에 버전을 맞추고 다시 세팅 하지만 여전히 오류가 해결되지 않았음 방법 ...

2022년 10월 18일
·
0개의 댓글
·

[RN] 프로젝트 생성 시 에러

나는 늘 같은 에러를 만나고, 초면인 듯 널 검색하지🫠

2022년 10월 8일
·
0개의 댓글
·

Styled-components 설정 : 타입스크립트 설정 후 계속 에러 나올때

React Native 스타일드 컴포넌트 설정 어째 한방에 쉽게 가는게 없냐... ㅋ yarn add styled-components yarn add @types/styled-components yarn add @types/styled-components-react-n

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

[React Native] 강의 목표 앱 만들기

상태 변화 함수 안에서 기존 상태를 가지고 업데이트를 하는 콜백 함수를 사용하는 것이다.이 콜백 함수는 React에서 제공하는 것으로, 자동으로 기존 상태를 준다.React 공식 문서에서도 이 방법으로 설명하고 있다.Text를 View 컴포넌트로 감싸서 해결할 수 있다

2022년 10월 5일
·
0개의 댓글
·
post-thumbnail

[React Native] 시작하기

Tips 1. React Native 공식 문서 React Native · Learn once, write anywhere 2. React Native를 쉽게 세팅할 수 있는 툴, Expo Expo Documentation React Native의 단점은 초기

2022년 10월 5일
·
0개의 댓글
·

[RN-CheatSheet] React-Native M1 디바이스 환경설정

M1 이 나온지 얼마 안됐을때는 호환되는 프로그램들이 많지 않아서 Intel 맥용으로 빌드된 프로그램을 Rosetta2 라는 프로그램을 사용해서 실행해야 했다.흔히 보이는 CLI 환경에서 명령어를 실행할때 붙이는 arch -x86_64 some-program 이것인데엄

2022년 10월 5일
·
0개의 댓글
·
post-thumbnail

[JavaScript] Call Stack & Execution Context

오늘은 JS에서 Call Stack과 Execution Context에 대한 개념을 알아보려고 한다. 먼저 간단한 예시로 운을 띄워 보자 React-Native 빌드를 하면 실행 중에 다음과 에러를 마주할 때가 있다. 꼭 RN 개발이 아니더라도, 모바일이나 웹 개

2022년 9월 27일
·
0개의 댓글
·

[error] 'FirebaseStorage/FirebaseStorage-Swift.h' file not found

'FirebaseStorage/FirebaseStorage-Swift.h' file not found 상황 package.json 에서 필요한 라이브러리를 버전 업 한 후, pod update / pod install 을 다시 한후 빌드가 실패했다. 이때 버전 업 한 파일은 firebase 관련 라이브러리였고 v15.3.0과 v15.4.0으로 나뉘어져 다...

2022년 9월 14일
·
0개의 댓글
·