![[React Native] React Native IDE](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCVwFb%2FbtsHrwotSiZ%2FJoWUTZicSPsFSW5K0irCH1%2Fimg.png)
안녕하세요! 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..
![[React Native] Xcode 15.3 버전 이후 Build 시 Flipper Error](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd1IOPf%2FbtsF02xJDCh%2Fm5TWa8qIk8EueeAwMnAEDK%2Fimg.png)
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] 0-4. 시작하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbxIiCw%2FbtsF1rDNLEo%2FTO4DMqIkYVbkzF20FPY8wK%2Fimg.png)
안녕하세요! RyuWoong입니다. 이번 글은 React Native 프로젝트를 만들고 실행해보도록 하겠습니다. 익숙하신 분은 아래 사이트를 참조하여 설정하시면 되겠습니다. Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev 시작 저는 Mac OS 환경을 기준으로 작성하겠습니다. 우선, React Native를 설치하는 두 가지 방법이 있습니다. 하나는 Expo라는 React Native Framework이고, 하나는 순수 React Native입니다. 과거에 Expo는 Native Module을 설치하거나..
![[React Native] React Native 환경 변수 설정 하기.](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FuP7Dk%2FbtsF2Ebd2qC%2FriA1yxdvkndJI6kUo7b22K%2Fimg.png)
안녕하세요. 오늘은 React Native 환경 변수 설정하는 방법에 대해 적어볼까 합니다. 문서가 관리되지 않아 가독성도 나쁘고, TroubleShooting도 잘 적혀 있지 않아 직.접 찾아서 작성합니다. 설치 먼저 React Native Config 라이브러리를 설치합니다. 아래와 같이 터미널에 입력해주세요. yarn add react-native-config 저는 Development(개발), Production(운영) 두 가지 환경으로 나누어 설정하려고합니다. 따라서 프로젝트 root 내에 env 라는 폴더를 생성하고, 그 안에 .env , .env,production 을 생성합니다. iOS 먼저 iOS 부터 설정해보겠습니다. 1. Xcode를 실행한 후에 프로젝트 파일 오른쪽 클릭하여 Newf..
![[React Native] 0-3. 준비하기](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FAZQYI%2FbtsF3FHlK9q%2FzAuFtU2iJvZoa2kvhkEt60%2Fimg.png)
[React Native] 0-2. React Native와 Flutter 중에 무엇을 사용할까?아마 개발을 공부하고 시작하려고 하니 뭘 준비해야할 지 무엇을 공부해야할지 어떻게 공부해야할지 막막해하시는 분이 꽤나 있을 거라 생각합니다. 이런 분들에게 도움이 되셨으면 하는 바람에 작성합니다. React Native를 시작하기 앞서, 아래와 같은 준비과정이 필요합니다.기본적으로 JavaScript를 알아야하며 JSX 작성하기 위해서는 HTML과 CSS의 기본적인 이해를 필요로 합니다. HTML과 CSS는 좋은 자료와 글이 많기에 유튜브나 구글을 통해 검색하시면 쉽게 익히실 수 있을 거라 생각합니다.Javascript부터 중요한데, 저는 아래와 같은 사이트들을 추천합니다. https://developer.m..