# reactnative

607개의 포스트
post-thumbnail

React-Native Unity 임베딩 하기

해당 게시글은 M1 mac 기준으로 작성되었습니다.사용 라이브러리 : react-native-unity-playurl : https://www.npmjs.com/package/react-native-unity-play/v/0.1.6사용 라이브러리 : @azes

약 5시간 전
·
0개의 댓글
·
post-thumbnail

ReactNative에서 Card 추가하고 이미지 색칠하기

진행 단계 최종적으로 칵테일을 추천해주는 단계는 어느 정도 (최소한) 틀은 완성되었다. 사용자가 입력한 내용에 따라 최종적으로 칵테일 3개가 추천이 된다. 그래서 프론트를 담당하고 있는 내가 해야 할 일은 그 3개를 예쁘게 앱에 보여주는 것이다. 고민들... 이미지를

2일 전
·
0개의 댓글
·

TIL: RN | React Navigation Android / iOS 렌더링 차이

React Navigation 에서 nesting navigation 사용 시 OS 별 렌더링 차이가 있었다Android 의 경우 네비게이션 탭 접근 시해당 탭에 등록되어있는 각걱 stack 의 default 페이지가 한 번씩 전부 렌더링 된 후 캐싱이 된다top 1

3일 전
·
0개의 댓글
·

React Native CLI 환경 구축하기

React Native CLI를 활용하는 이유는 바로 React Native가 cross platform이라는 점을 적극 활용한다는 점입니다. 즉 기존 Expo 환경에서 개발을 수행했을때는 Native관련 모듈들을 다룰 수 없었기에 고도화된 프로젝트를 만드는데 분명한

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

React Native - Navigation

메인 화면과 로그인 화면 간 이동을 React Native 환경에서 구현하기 위해서 아래와 같은 순서를 거칩니다. React Native에서는 React Navigation 이라는 모듈을 별도로 설치하여 구현할 수 있습니다. React Native docs 에 나와있는

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

[React Native / iOS] TextInput 커서 이동 입력 시 이슈 해결

patch-package를 통한 React Native TextInput 커서 이동 후 입력 이슈 해결

5일 전
·
0개의 댓글
·

Issue: RN | - android 백 버튼으로 앱 종료 시 백그라운드 실행되는 이슈

android 에서 백버튼으로 앱 종료를 구현했는데종료되지 않고 백그라운드에서 계속 실행중인 이슈가 있었다BackHandler.exitApp()이후에 return true 를 주어 해결https://stackoverflow.com/questions/522559

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

bug: RN | ios simulator device clean data

ios 에서 시뮬레이터 특정 기기에서만 코드 실행이 안되는 이슈 발생simulator 의 맥 설정으로 가서 device - Erase clean all data를 하여 디바이스의 데이터를 초기화한 후 실행하니 잘 된다..

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

Redux Toolkit으로 React Native Todo앱 구조 잡아보기

리액트 프로젝트를 진행하면서 가장 챌린지 했던 부분은 state관리였습니다. 각각의 컴포넌트는 state를 관리하고 있지만, 컴포넌트 파일이 방대해지고 props로 전달해야 되는 부분이 많아지게 되면 state 관리가 복잡해져서 굉장히 설계에 어려움을 겪었던 경험이 있

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

[React Native] React Native 시작하기

React Native는 React와 앱 플랫폼의 기본 기능을 사용하여 Android 및 IOS 애플리케이션을 빌드하기 위한 오픈 소스 프레임워크입니다.

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

React-native 에서 .pdf 파일 화면에 보여주기(react-native-webview, react-native-pdf) + react-native-pdf npm 설치 오류

React-native 에서 .pdf 파일 화면에 보여주기(react-native-webview, react-native-pdf) + react-native-pdf npm 설치 오류

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

검색 구현하기 in React , React-Native(Flatlist 무한스크롤 프론트에서 구현)

일단 검색 구현에는 두가지 방법이 있다서버를 끼고 검색하기\-> 텍스트를 입력 할 때마다 해당 텍스트를 서버로 보내서 서버에서 일치하는 리스트를 보내주면 해당 리스트를 뿌려준다.서버를 끼지 않고 전체 리스트를 받은 후 클라이언트 단에서 검색 구현\-> 모든 데이터를 서

2023년 3월 14일
·
0개의 댓글
·

error: RN | webview debug

react native webview 를 사용중webview 를 구성하는 웹에 문제 발생 시화면 자체가 안뜨는 이슈가 발생하면웹 화면에서 같은 상황을 맞이하기 전까지는 문제의 원인을 찾기 어렵다debug 를 할 수 있는 방안을 고려해봐야 함..

2023년 3월 13일
·
0개의 댓글
·
post-thumbnail

React Native Android static image 이슈

왜 리액트 네이티브로 만든 안드로이드 앱에서 이상한 이미지가 나오지 ?

2023년 3월 12일
·
0개의 댓글
·

TIL: RN | WebView 통신 - postMessage/onMessage

React Native WebView 를 통해React Native와 WebView 에서 사용하는 웹의 통신을 구현할 수 있다WebView 를 통해 접근한 웹의 window 객체 내에 ReactNativeWebView 라는 속성이 추가된다React Native WebV

2023년 3월 7일
·
0개의 댓글
·

TIL: RN | WebView 하이브리드 앱 내부 login 유지

앱 전체를 웹뷰로 구현한 것이 아니라면각 페이지별 웹뷰로 가져오는 화면이 있기 때문에로그인 유지를 어떤 방식으로 할지 고민해야 한다서버에서 로그인 토큰을 보관하는 세션 인증방식을 사용하지 않는다면 복잡할 수 있다나는 jwt 토큰으로 구성된 서버에 대응을 해야했고고려한

2023년 3월 7일
·
0개의 댓글
·

TIL: RN | WebView 에서 스크롤 방지

React Native WebView 화면은 웹 브라우저를 모바일 내에서 띄우는 것이기 때문에하나의 인터넷 브라우저가 뜨는 것이라고 생각하면 된다WebView 내부 화면은 자동으로 스크롤을 갖는다앱 내부에서는 WebView 의 화면이 스크롤 되는 것이부자연스럽기 때문에

2023년 3월 7일
·
0개의 댓글
·

StyleSheet로 스타일링 하기

React Native에서는 따로 CSS로 스타일링을 하는 것이 아닌, JavaScript로 스타일링을 진행합니다. 따라서 JavaScript로 스타일링을 진행하기 위해서 StyleSheet 객체를 활용합니다. 기본적으로 React Native의 모든 core Comp

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

core Component를 통해 UI 구성하기

다음과 같은 메인 화면의 UI를 core Component를 활용하여 구현을 진행해보겠습니다.웹상에서 리액트로 개발을 진행했을때도 최상위 컴포넌트는 App 컴포넌트였습니다. 따라서 MainScreen.js 이라는 메인화면을 구현한 컴포넌트를 import를 합니다.Jav

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

스파르타 코딩 앱개발 4주차 코딩ㅋ도 모르는 새싹의 참담한 개발일지

날씨 서버 외부 API [앱과서버] 우리 앱에서의 서버 정한 규칙에 따라 요청을 하지 않으면 응답 (Response)이 오지 않는다 서버 쪽에서 정한 규칙을 우린 보통API(Application Programming Interface)라고 부른다 > 2)서버가

2023년 3월 6일
·
0개의 댓글
·