Jonyo Programming

우리가 자주 사용하는 Youtube 앱을 보면 하단 탭이 다음처럼 구성되어 있다. 여기서 가운데에 있는 + 아이콘을 누르면 다음과 같은 모달창이 나타난다. 이와 같은 기능을 React Navigation 을 통해 구현해보겠다. 준비사항 "@react-navigation/bottom-tabs": "^6.2.0", "@react-navigation/native": "^6.0.8", "@react-navigation/stack": "^6.2.1", "react-native-modal": "^13.0.1", 구현을 위해 위 라이브러리들이 필요하다 npm 혹은 yarn 을 이용해 설치하자. 결과물 먼저 완성된 결과물을 먼저 보자. 홈화면은 다음과 같이 이루어져있다. 이곳에서 하단의 등록 메뉴를 클릭하면 이런 모달..

[ReactNative] iOS 디바이스 테스트하기 xcode: 13.3 iOS : 15.3 애플 개발자 계정 iOS앱을 자신의 디바이스에서 테스트하기 위해서는 애플 개발자 계정 이 있어야 한다. https://developer.apple.com/ 이곳에서 개발자 계정을 생성하자. 기존에 사용하는 Apple계정을 이용하면 된다. 테스트 진행 자신의 RN프로젝트 루트로 이동하자. 그 다음 /ios/프로젝트명.xcworkspace 를 눌러 xcode를 실행시키자 주의 : .xcodeproj 를 실행시키면 빌드에 실패할 수 있습니다. .xcworkspace 를 실행시켜주세요. xcode가 실행되었으면 TARGETS 를 자신의 프로젝트로 설정하고 General 옆에 있는 Signing & Capabilities..