더보기[React Native] Codepush Standalone 구축하기 - 기본편 안녕하세요! RyuWoong 입니다.이번에 기본편에 이은, 고급편! 되겠습니다.Codepush Standalone 문서에서 가이드 하는 대로 Azure로 구축하는 것을 진행해보도록 하겠습니다.  code-push-server/api/README.md at main · microsoft/code-push-serverStandalone CodePush server from App Center. Contribute to microsoft/code-push-server development by creating an account on GitHub.github.com위 링크를 함께 참조하면서 따라오길 추천합니다! Azure ..

안녕하세요, RyuWoong 입니다.올해 5월 Appcenter가 종료예정임으로 우리는 React Native Codepush 서버를 직접 구축해서 운영해야합니다. 따라서 이번 포스팅은 React Native Codepush Standalone 서버를 Local로 구축해보기! 입니다.제목에서 보셨다 싶이 기본편과 고급편을 나눠서 작성할 예정입니다.이유는 Local에 배포해보며 연습 후, Azure 또는 AWS S3에 배포해보는 것으로 주제를 나눠서 이야기할 예정입니다. 기본편에서는 기본적인 구축에 대한 내용을 담았습니다.천천히 따라와 주세요! MacOS를 기준으로 합니다.준비하기Azurite 설치Codepush Standalone을 구축하기 위해 사전 단계를 필요로 합니다.현 Codepush StandA..

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

[React Native] 0-4. 시작하기1. 부터 Component와 API를 톺아볼까요?React Native에서는 화면을 구성하기 위해 다양한 Component들을 제공해요. 이 Component들은 놀랍게도, 각 OS 환경에서 맞는 Native Component로 변환되어 동작하는데요.예를 들어 위 그림과 같이 메뉴 항목을 React Native Component로 표현하자면,// React Native Component로 만들어 진 예.function MenuItem() {...return ( )}위와 같은 모습으로 작성할 수 있어요. 이는 Android와 iOS에서 각각 아래와 같이 변환 돼요.// Android //iOS 이러한 방식은 React Native 핵심이라고 볼 ..

안녕하세요! 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..