안녕하세요. RyuWoong 입니다.오랜만에 뵙습니다! 최근 들어 여러 고민을 하며 공부를 했고 (차차 풀어보겠습니다. 😄) 재밌을만한 간단한 주제를 가져와 소개하게 되었습니다. React Native Library중에, React Native Aware Scroll View 라는 라이브러리가 있습니다. 문득 어떻게 동작하는 걸까라는 호기심이 생겨 라이브러리를 한번 파헤쳐봤어요! 함께 보시죠.원리원리는 생각보다 단순했어요. 그리고 숨겨진 RN의 Method들이 있다는 것도 알았죠!원리는 간단하게 3단계로 나눌 수 있어요.Input을 선택하면 이벤트가 동작 → 선택된 Input이 무엇인지 확인하고 해당 Input을 가져옴 → 해당 Input으로 Scroll 하도록 동작해요.첫번째"어떻게 Input을 선택..

안녕하세요! RyuWoong입니다.React Native의 DX가 조금씩 향상되는 모습을 보이는거 같아 기쁩니다.그래서 이번에 Beta로 등장한 React Native IDE를 소개 드리려고 합니다.React Native가 0.73 버전 부터 Debugging에 대한 개선을 알렸는데요!핵심만 뽑으면 아래와 같은 내용들이예요. Debugging Improvements- Console Log History in Hermes- Updated Debugging Docs- Experimental New Debugger 자세한 내용은 아래 링크에서 확인할 수 있어요! React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more · Reac..

Xcode 15.3 버전으로 업데이트하면서 기존 프로젝트들이 빌드 되지 않는 현상을 경험하신다면 아래와 같은 방법으로 수정하세요. Called object type 'facebook::flipper::SocketCertificateProvider' (aka 'int') is not a function or function pointer Xcode 15.3버전을 업데이트하고 나면, 빌드시 위와 같은 Error가 발생합니다. Flipper 라이브러리에서 발생하는 문제로 해결방법은, Flipper를 사용하지 않거나 Podfile을 수정하는 방식으로 수정할 수 있습니다. 또는 React Native 0.73.6 버전 이상으로 업데이트 하면 해결 할 수있습니다. Podfile을 수정한다면, 아래와 같이 수정합니다..

안녕하세요. 오늘은 React Native 환경 변수 설정하는 방법에 대해 적어볼까 합니다. 문서가 관리되지 않아 가독성도 나쁘고, TroubleShooting도 잘 적혀 있지 않아 직.접 찾아서 작성합니다. 설치 먼저 React Native Config 라이브러리를 설치합니다. 아래와 같이 터미널에 입력해주세요. yarn add react-native-config 저는 Development(개발), Production(운영) 두 가지 환경으로 나누어 설정하려고합니다. 따라서 프로젝트 root 내에 env 라는 폴더를 생성하고, 그 안에 .env , .env,production 을 생성합니다. iOS 먼저 iOS 부터 설정해보겠습니다. 1. Xcode를 실행한 후에 프로젝트 파일 오른쪽 클릭하여 Newf..

안녕하세요, RyuWoong 입니다.이번에는 App에서 마케팅과 큰 연관이 있는 DeepLink에 대해 이야기 해보고자 합니다.이직 후 프로젝트에서 제가 실시한 큰 변경 사항이 RN버전과 딥링크 수정이였는데 이를 통한 경험을 적어보고자 합니다.DeepLink?우리가 인터넷을 사용할 때 주소라는 것이 있습니다.naver.com , google.com 등 이 주소를 통해 원하는 사이트에 접속해서 정보를 검색 할 수 있죠. 이와 비슷하게 App은 DeepLink가 있습니다.만약 단순히 앱만 실행해 준다면, 원하던 상품을 검색하거나 이벤트를 찾아야하는 번거로움 때문에 사용자는 앱을 바로 삭제하거나 사용하지 않겠죠? DeepLink를 클릭하면, 앱에서 보던 상품이나 이벤트 등을 이어서 볼 수 있게 해줄 수 있습..