해당 글은 100% 정확한 글이 아닙니다. 저의 경험을 작성하는 것이며, 틀릴 수 있습니다. 이점 참고 부탁드리며, 또한 지적을 환영합니다.이번 글은 Jest를 사용하기 앞서 간략한 설정 방법과 주요 옵션들을 설명해볼까해요.앞 전에 만든  프로젝트를 그대로 사용해 주세요. 옵션 설정Jest 옵션을 설정하기 위해서는 package.json에 설정을 추가하거나, jest.config.js 파일을 만들어 옵션을 설정할 수 있어요.// package.json{ "name": "your-project", "version": "1.0.0", "scripts": { "test": "jest" }, "jest": { "verbose": true, "preset": "react-native", "t..

[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 핵심이라고 볼 ..

해당 글은 100% 정확한 글이 아닙니다. 저의 경험을 작성하는 것이며, 틀릴 수 있습니다. 이점 참고 부탁드리며, 또한 지적을 환영합니다. TDD(Test Driven Development) 한번쯤은 들어 본 경험이 있으시죠?일반 적으로 많이 사용되는 방식인 개발 -> 테스트가 아닌 테스트 -> 개발하는 방식을 의미해요.이런 기조들이 생기면서 Test에 대한 중요성이 많이 되었죠. 특히 에러를 미리 대비 할 수 있다는 점에서 선호되는 것 같아요. Test를 하기 위해 사용 되는 라이브러리들 중, React로 유명한 Meta에서 개발한 Testing Library Jest에 대해 알아보는 글이에요.Reat Native를 베이스로 Testing 글을 작성할 예정이니 참고 해주세요! 해당 글을 쓰게 된 이유..

안녕하세요! 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을 수정한다면, 아래와 같이 수정합니다..