# reactnative

550개의 포스트

왕초보를 위한 React Native

React Native Rule react native는 웹사이트가 아니다. html이 아니기 때문에 div를 쓸 수 없고 대신 view를 쓴다. view를 import 해줘야 함. react native에 있는 모든 text는 text component에 들어가야

2일 전
·
0개의 댓글
·
post-thumbnail

error: RN | 안드로이드 - java.lang.NoSuchMethodError - No static method createEgl14([I)Lorg/webrtc/EglBase14; in class Lorg/webrtc/EglBase

안드로이드 설정 미스로 빌드 완료 후 앱이 실행 되자마자 에러 메시지 없이 강제 종료(crash) 되는 현상 발생https://velog.io/@lumpenop/TIL-RN-Firebase-CrashlyticsFirebase Crashlytics 를 통해 에러

4일 전
·
0개의 댓글
·
post-thumbnail

TIL: RN | Firebase Crashlytics

Firebase 에 등록된 앱이 Crash 되는 현상에 대해에러 로그를 띄워주는 서비스특히 안드로이드의 경우 에러 로그 없이 실행이 되지 않아 복구가 어려웠는데등록하니 발생한 에러를 확인할 수 있어 좋았다에러 로그 없이 실행이 되지 않는다는 것은React Native

4일 전
·
0개의 댓글
·
post-thumbnail

[React-native] Expo를 사용해보쟈

Expo와 함께하는 행복 React-native

4일 전
·
0개의 댓글
·
post-thumbnail

[React Native] 빌드 시 PhaseScriptExecution / nvm 에러 해결

리액트 네이티브 앱 최초 세팅 시 정상적으로 빌드가 잘 되는지 확인하기 위해 yarn ios로 시뮬레이터 실행을 해보는데 오류가 발생했다오류메세지가 매우 길고 복잡한데, 대략적으로 살펴보자면위와 같은 메세지들을 확인할 수 있었다PhaseScriptExecution 키워

6일 전
·
0개의 댓글
·

TIL: RN | ReactNavigation stack navigator 스와이프 방지

React Navigation의 stack navigator 의 screenOptions 에는swipe 만 방지하는 기능이 없다swipe 말고 어떤 제스쳐가 있는지는 모르지만..gestureEnabled 을 false 로 주어 해결top tab navigator 에는

6일 전
·
0개의 댓글
·

error: RN | Objects are not valid as a React child

내 경우에는 삼항연산자로 child를 줄 때 연산 결과를 태그로 감싸지 않아서 발생했다

6일 전
·
0개의 댓글
·

TIL: RN | FlatList renderItem data type, refeshControl

FlatList data type flat list 에 전달될 renderItem 의 데이터 타입은 item 이라는 프로퍼티 키를 가진 객체 형태가 되어야 한다 refreshControl ScrollView 나 FlatList 등의 리스트 구조를 갖는 컴포넌트에는 r

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

[React Native] SectionList to FlashList

리액트 네이티브에서 Sticky Header 구현을 위한 SectionList. 그리고 FlashList로의 refactoring

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

230119 개발기록

두 번째 기능이었던 가족회의 기능을 개발하며, Meeting 테이블을 새롭게 설계했다. 지난 문답 기능을 하며, 지금처럼 소규모의 DB일 경우 테이블 간의 과도한 참조는 오히려 힘들다는 것을 몸소 깨닫게 되었다 (사실 어느쪽이 맞는 것인지는.. 모르겠다 ) 또한 Col

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[React Native] Layout System

react native 정복기. Layout System에 대해 공부해보자-RN에서 레이아웃을 만들려면 Flexbox를 사용해야 한다. flexbox 복습할 계획이었는데 이렇게 다시 한번 공부하게 되는구나몇가지 예외를 제외하면 React Native의 flexbox는

2023년 1월 18일
·
0개의 댓글
·

[ReactNative] No bundle URL present 에러

원인 기능 테스트를 하던 프로젝트를 간만에 여니까 No bundle URL present 에러가 떠서 테스트를 할 수 없었다. 갑자기 뜬 에러인 것이다. 해결방법 1 다들 ios/build 폴더 삭제 하고 재시작하면 된다고 했는데 내 경우에는 해결이 되지 않았다.

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[React Native] Component, API, Expo SDK

https://www.reactnative.dev/React native documentation을 찾을 수 있는 사이트. 상단 Development 카테고리에서 Component 를 클릭하면 Core Components를 확인할 수 있다.왼쪽 리스트를 보면

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

[RN] m1 ReactNaitve 0.70 버전 설치(0.71 실패)

예전에 1년도 전에 일할 때 사용하고 한 번도 사용하지 않은 React Native. 이번에 창업을 하기 위해 다시 깔아야했다. 를 하니까 ios 용 프로젝트 세팅이 되어 있지 않다는 워닝이 떴다. 그래서 하나씩 차근차근 설치를 하던 도중 여러가지 문제를 맞닥뜨려

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

[React Native] React Native의 규칙 (View, Text, StatusBar, StyleSheet)

native의 기본 코드 구성. 처음 보는 View, Text, StatusBar, StyleSheetViewreact native는 웹사이트가 아니기 때문에 div 대신 View를 사용해야 한다. (div 쓰면 에러 팡팡)View는 container라고 생각하면 된다

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

[React Native] VSCode를 사용해 환경 설정하기

면접을 보며 Native를 써봐야겠다는 생각이 크게 들었다.🤔 프로젝트 코드 리뷰도 하고있고 시간이 부족하다 부족해.. 네이티브를 빠르게 사용해보고 싶은 마음에 VSCode를 사용하여 환경설정을 하였다. 테스트용으로 진행 하는 방법이라는데 후딱 찍어먹어보고 시뮬레이터

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

patch-package

ReactNative에서 여러 npm package들을 사용하다보면 라이브러리간의 충돌이나 유지보수가 되지 않는등의 이슈로 인하여 라이브러리를 사용하지 못하는경우가 많이 발생한다. 라이브러리 간의 충돌 문제, 3rd party 라이브러리가 업데이트가 되지 않아 에러가

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

react.js , react-dom, react native 그리고 expo

react.js : 자바스크립트 라이브러리 (인터페이스 구축) 보통 웹개발에 사용react-dom : 웹 지원을 돕는 라이브러리.react native : react-dom의 대안react.js + react-dom = 웹앱 구축react.js + react nativ

2023년 1월 16일
·
0개의 댓글
·

React-Native | 수정 로직으로 변경된 값이 화면에 바로 렌더링되지 않는 오류

리액트 네이티브 프로젝트를 하면서 아래와 같은 문제가 있었다.모달창에 input을 하고 그 데이터들은 update 로직을 거친다.모달창이 꺼진 후, 화면에 변경된 값들이 바로 최신화가 되기를 기대했으나,그러지 못했다.다른 스크린으로 이동 후 해당 스크린에 복귀해야 최신

2023년 1월 16일
·
0개의 댓글
·