개발자 Q&A

토픽

인기 태그

#react-native

기술

리액트네이티브 로 앱만들기

제가 올해 앱을 하나 만들어볼까하는데 많은 프로그램중 리액트네이티브로 시작하려고합니다. 여기서 궁금한게, 제가 지금 여러 언어 중 파이썬만 공부하고있는데 파이썬 지식으로 리액트네이티브에서 앱을 만들 수 있나요?? 아 물론 리액트네이티브도 어느정도 숙지를 할 예정 입니다. 아직 초보라 이것저것 모르는 정보가 많습니다. 자세히 알려주시면 감사하겠습니다!!

답변 1

4일 전 • 조회 91

커리어

App만들기(신입개발자)

3개월째 근무중인 초보개발자입니다 2인체제로 앱 만들기를 진행해보려하는데 둘다 아이폰을 소지하고 있어 ios쪽으로 의견이 기운상태이고 프레임워크를 고르는데에 고민하고있습니다 … 플루터와 네이티브중 이직시에 어떤 프레임웤을 사용해보는게 더 좋을지 고민됩니다… 네이티브로 하게되면 안드로이드에 적합한 언어와 ios에 적합한 언어를 따로 공부해서 둘중 하나만 출시 가능하다고 알고있고.. 플루터는 두개의 운영체제 모두 출시가능하다고 들었는데... 조언부탁드립니다 그리고, 요새 플루터로 이직 전망 괜찮은가요??

답변 2

한 달 전 • 조회 271

기술

react-native 배포 자동화 어떻게 하고 계시나요?

회사가 아직 소규모라 프로세스가 잘 잡혀있지 않습니다. 현재까지 각자 로컬 환경에서 빌드 & 배포하고 있는데 이제 진짜 한계인 것 같아서 배포 자동화를 시도해 보려 합니다. 속해 있는 조직에서는 배포 자동화를 어떻게 하고 계신지 궁금합니다...!!

답변 1

한 달 전 • 조회 96

기술

React-native에서 webview로 cookie 넘겨줄 때, Ios cookie 에러

안드로이드에서는 cookie를 webview로 잘 받아서 넣어주는데 Ios에서는 cookie 전달이 잘 안 되는 문제가 발생합니다. Link앞에 .를 붙였더니 됐다 안 됐다 하긴 하는데 명확한 해결책이 궁금합니다! 도움이 절실합니다..🥹

답변 1

한 달 전 • 조회 180

기술

리액트 네이티브 Stack.Screen 컴포넌트에 props를 전달하는 방법

안녕하세요, 리액트 네이티브 Stack.Screen에 들어가는 컴포넌트로 props를 넣어야하는데 방법을 몰라서 고민끝에 질문 올립니다. react-native/stack 라이브러리 사용중이고 StackNavigator를 사용하고 있습니다. 코드는 이런식입니다. <Stack.Navigator screenOptions={screenOptions}> <Stack.Screen name={ScreenNames.MyScreen} component={MyScreen} /> </Stack.Navigator> 위와 같이 Stack.Screen 컴포넌트에 MyScreen을 전달하는데 MyScreen에 props를 넘겨주어야 합니다.. 어떻게 해결할 수 있을까요?

답변 2

2달 전 • 조회 133

기술

react native 탭 선택시 해당 스크롤로 이동

해당 탭을 누르면 그 해당 스크롤로 이동할 수 있는 기능을 구현하려고 합니다. ScrollView에 ref를 이용해서 특정한 위치로 이동해보려고도 하고 scrollTo 이벤트도 사용해봤는데 안되네요ㅠㅠ 어떤방법으로 해야될까요?ㅠㅠ

답변 1 • Up 2

2달 전 • 조회 160

기술

React-native 네이버 지도를 가져오는데 에러가 발생하는데…

설치시 에 에러가 발생하지도 않았는데,,, 계속 유아이 매니저에 네이버마크 컴포넌트를 읽을수없다고 나오는데,,, 혹시 경험이 있으신 분이 있다면… 사용 하신 레퍼런스나ㅠㅠ 오류 해결 해보신 경험이 있으신 분이 있늘까요…??ㅠㅠㅠ

답변 1 • Up 2

2달 전 • 조회 115

기술

[react-native] MutableRefObject<undefined> is not assignable to type LegacyRef 타입 에러가 발생합니다.

react-native, typescript로 개발하고 있습니다. ref를 선언해서 ScrollView에 전달 하려는데 타입 에러가 발생합니다. 에러 내용 MutableRefObject<undefined>' is not assignable to type 'LegacyRef<ScrollView> | undefined'. 동작은 잘하지만 빨간줄이 생겨서 혹시 이 에러 해결해보신 분 있으실까요?

답변 1 • Up 4

2달 전 • 조회 98

기술

React Native에서 class component vs Function component

안녕하세요 저는 react로 웹 개발을 하다가 최근에 react native 앱 개발을 하는 곳으로 이직했습니다 처음 react를 배울 때도 17버전이어서 함수형 컴포넌트로 배우고 공식 문서에도 함수형을 권장하던데 요번 회사에서는 전부다 클래스 형으로 되어있어서 react native에서는 클래스 형이 더 좋은지 궁금합니다. 또한 클래스를 함수형으로 리팩토링하게 된다면 팁 같은 게 있을까요? 선배님들의 조언 부탁드립니다.

답변 1

2달 전 • 조회 93

기술

react-native에서 html을 렌더링 하는 방법이 있을까요?

안녕하세요, react를 사용하다가 이번에 앱을 개발하기 위해 react-native 튜토리얼을 공부하고 있습니다. react-native는 View, Text 같은 jsx엘리먼트를 사용하는 것으로 알고 있는데요, 서버에서 string에 html형식으로 담긴 데이터를 그릴 수 있는 방법이 있을까요? 이미 구현된 react 웹사이트에서 글 작성시에 html로 DB에 저장하고 보여주고 있습니다. 이 데이터를 그대로 사용하고 싶은데 react-native는 태그형식이 다른 것 같아서 어떻게 해야하는지 궁금합니다.

답변 2

2달 전 • 조회 230

기술

RN targetSdk 31 시 빌드 에러

안드로이드 정책 변경에따라 sdk를 31로 올렸습니다. android:exported는 다 세팅했고 빌드에서 에러는 발생하지 않지만, android 8,10은 정상 동작하지만 12는 앱실행시 바로 종료되는 현상이 있습니다. 혹시 방법 아시는 분 계시나요?

답변 1 • Up 2

2달 전 • 조회 90

기술

react-native에서 shadow thread가 무엇인가요?

react-native의 동작 원리를 공부하다가 shadow thread라는 개념을 접했습니다. 제가 본 글에서는 1) App 시작, 메인 스레드 실행 2) 메인 스레드가 JS 번들 로드 3) JS로딩이 성공하면 React를 렌더링하고 버츄어돔 생성 4) 버츄어돔을 Shadow thread로 보냄 5) 레이아웃 계산이 끝나면 메인 스레드로 다시 보냄 6) 메인 스레드가 UI를 그리고 비즈니스 로직 실행 여기서 버츄어돔을 Shadow thread로 보낸다고 하는데 Shadow thread는 어떤 역할을 하나요?

답변 1 • Up 2

2달 전 • 조회 112

기술

리액트 네이티브에서 Textarea를 사용하고 싶은데 방법이 있을까요?

안녕하세요! 리액트 네이티브 공식문서 튜토리얼을 따라서 개발하고 있는 뉴비 개발자입니다. 반갑습니다. 공식문서를 응용해서 투두리스트를 만들어 보려고 하는데 html Textarea 태그처럼 여러줄로 글을 쓰고싶습니다. 어떤 태그를 사용해야 할까요..? 감사합니다

답변 2

2달 전 • 조회 99

기술

react-native 안드로이드 이미지 해상도가 깨집니다.

react-native로 앱 개발중인데 안드로이드에서만 이미지가 깨지는 현상이 있습니다. <AutoScrolling duration={AUTO_SCROLL_DURATION}> <Image style={[{ width: 2280, height: 288 }]} source={require(''...")} /> </AutoScrolling> 이미지를 AutoScrolling 컴포넌트를 사용해서 로딩하고 있습니다. IOS 에뮬레이터에서는 이상이 없는데, 안드로이드 에뮬레이터로 확인하면 이미지 해상도가 깨지네요.. AutoScrolling 컴포넌트에서 안드로이드관련 설정을 해야할까요?

답변 2 • Up 2

2달 전 • 조회 175

기술

[react-native-auto-scrolling] duration 적용이 안됩니다.

https://www.npmjs.com/package/react-native-auto-scrolling 이미지 auto 스크롤을 적용하기 위해 라이브러리를 사용하고 있습니다. 위에 링크로 들어가서 readme 설명대로 이미지 컴포넌트에 duration을 적용했습니다. 그런데 에러만 발생하고 duration이 바뀌지 않네요.. <AutoScrolling style={styles.scrolling1}> <Image style={styles.image} delay={0} duration={6000} source={require("./assets/merry-christmas-png.png")} /> </AutoScrolling> 다른 라이브러리를 써야할까요? 해결책 아시는분 답변 부탁드립니다..!

답변 1 • Up 3

3달 전 • 조회 82

기술

react-native flatlist 리렌더링

react-native flatlist의 renderItem으로 넘겨주는 데이터를 변경했는데 flatlist에 변경사항이 반영되지 않습니다. flatlist를 리렌더링하거나 변경사항을 반영하는 방법이 있을까요? props 같은 것을 넘겨주는 컴포넌트가 아니라서 어떻게 해야할지 모르겠습니다.

답변 1 • Up 1

3달 전 • 조회 46

기술

react-native 앱 강제 재시작하는 방법

react-native에서 앱 강제 재시작하는 코드 어떻게 작성하나요..? 혹시 아시는 분 있으실까요?

답변 1 • Up 3

3달 전 • 조회 118

기술

React Native 뒤로가기시 스크린 업데이트

안녕하세요. React-native에서 A 스크린에서 다른 스크린으로 이동한 뒤 다시 A 스크린으로 돌아왔을 때 화면이 업데이트 되어야 하는데 뒤로가기라서 그런지 리렌더링이 되지 않습니다. 뒤로가기시에도 화면을 리렌더링 할 수 있는 방법이 있을까요?

답변 1 • Up 1

3달 전 • 조회 91

기술

React-native navigation의 navigate와 push 차이점

React-native에서 화면 이동을 하려고 react-navigation/native 라이브러리를 사용하려고 합니다. 화면 이동하기 위한 기능으로 navigate이나 push를 사용하는 것 같은데 이 둘의 차이점이 있나요? 주로 사용하는 기능이 있을까요?

답변 1 • Up 1

3달 전 • 조회 143

기술

react-native의 TextInput에서 입력을 연속되게 하는 방법

react-native에서 To Do List를 만드는 연습을 해보고 있습니다. react-native의 컴포넌트들을 사용하다 보니 어렵네요. 웹에서 사용하는 input태그와 react-native의 TextInput태그도 많이 다른것 같아요. TextInput에서 입력을 완료하고 나서 확인을 누르면 연속되게 할 일을 입력할 수 있도록 바로 TextInput으로 focus를 해주려고 합니다. 그런데 확인을 누르면 input영역을 다시 터치해서 focus를 잡아줘야하네요. useRef를 사용해서 onSubmitEditing에서 ref.current.focus()를 해주어도 소용이 없습니다. 혹시 방법이 있을까요??

답변 2 • Up 6

3달 전 • 조회 303

기술

React native의 FlatList가 스크롤 되지 않습니다.

React Native에서 아래처럼 ScrollView 안에 여러 FlatList 컴포넌트를 갖는 구조를 만들었는데요 내부의 FlatList 들이 스크롤이 되지 않습니다. 해결방법 아시는 분 계실까요 ㅠㅠ??

답변 1

3달 전 • 조회 123

기술

React native에서 local, session storage를 사용하고 싶어요.

Web에서 local storage나 session storage를 사용하는 것처럼 데이터를 기기나 접속 기준으로 사라지지 않게 저장해두려고 합니다. React native 에서 구현하려면 어떻게 해야 하는지 알 수 있을까요?

답변 2 • Up 1

3달 전 • 조회 78

기술

react-native의 KeyboardAvoidingView

react-native를 이용해서 앱을 만들고 있는데 글을 작성할 때 keyboard가 TextInput을 가려버려서 너무 불편합니다. KeyboardAvoidingView라는 것을 알게 되었는데요. behavior라는 props가 있는데 공식문서에도 해당 설명이 잘 나와있지 않아요. 'height', 'position', 'padding'이 각각 어떻게 동작하는지 아시는 분 계신가요???

답변 1

3달 전 • 조회 148

기술

react native 개발자 도구

react native simulator에서 개발자도구를 사용할 수 있나요? 크롬 개발자 도구처럼 inspector를 통해 해당 영역부분을 보는 등의 기능이 필요합니다

답변 1 • Up 3

3달 전 • 조회 67