[React-Native] React를 React-native를 통해 Webview로 웹앱 배포하기 (feat. PG 결제 연동)

환경설정 (expo)expo 선택 이유는 행사 일정이 얼마 남지 않아 그 전에 앱 등록이 완료되어야 했고, 위치권한만 필요한 앱이라 expo로 충분히 가능하다고 생각이 들었다. 또한,리액트 네이티브를 처음 접한거라 러닝 커브를 최대한 낮춰야 한다고 생각했다. 하단 두개의 블로그를 참고하여 환경설정 셋팅을 완료하였습니다.1. https://velog.io/@chloedev/React-Native] Flutter vs React-native, Flutte" data-og-host="velog.io" data-og-source-url="https://velog.io/@chloedev/React-Native-%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB..

• format_list_bulleted React-Native
• · 2024. 11. 26.

[React-Native] react <-> react-native Webview 위치 통신

expo 프로젝트 빌드 후 앱심사를 받는데 가이드 라인 위반으로 앱 승인이 거절되었다고 했다. 원래 react에서 geolocation을 이용하여 위치를 받은 후 거리순으로 목록들을 나열해주는 기능이 있는데 가이드에 의하면 위치 목적 문자열을 업데이트하여 앱이 요청한 정보를 어떻게 사용하는지 설명하고 데이터가 어떻게 사용되는지 있어야 한다고 한다. expo 프로젝트 빌드 후 앱심사를 받는데 가이드 라인 위반으로 앱 승인이 거절되었다고 했다. 원래 react에서 geolocation을 이용하여 위치를 받은 후 거리순으로 목록들을 나열해주는 기능이 있는데 가이드에 의하면 위치 목적 문자열을 업데이트하여 앱이 요청한 정보를 어떻게 사용하는지 설명하고 데이터가 어떻게 사용되는지 있어야 한다고 한다. 위의 이유로..

• format_list_bulleted React-Native
• · 2024. 11. 26.

[React-Native] map vs FlatList

FlatListFlatList는 React Native에서 스크롤이 가능한 리스트를 효율적으로 렌더링하기 위해 제공되는 컴포넌트로 대규모 데이터 목록을 최적화된 방식으로 화면에 표시하는 데 유용하다. 특징1. 지연 로딩(Lazy Loading): FlatList는 화면에 보이는 항목만 렌더링하고, 스크롤할 때마다 새로운 항목을 동적으로 로드합니다. 이는 성능을 크게 개선하며, 특히 항목이 많은 리스트에서 유리하다.2. 가상화(Virtualization): 렌더링되지 않는 항목을 메모리에 유지하지 않고, 필요한 항목만 메모리에 보관합니다. 따라서 메모리 사용량이 줄어듭니다. 가로/세로 방향 지원: horizontal 속성을 사용하여 가로 스크롤로 표시할 수 있다.3. 고유 키 지원: keyExtractor..

• format_list_bulleted React-Native
• · 2024. 11. 26.