최신글

React Native

React Native HealthKit 데이터 불러오기

사용한 라이브러리: react-native-healthkit react native에서 iOS HealthKit 데이터를 불러왔습니다. 🔵 Xcode 설정 먼저 프로젝트의 xcworkspace를 xcode에서 열고 프로젝트의 Signing&Capability 탭에 들어갑니다. Capability 버튼을 눌러줍니다 HealthKit을 추가해줍니다. 🔵 info.plist 설정 프로젝트의 ios/[project name]/info.plist 파일에 들어갑니다. 최상단의 <dict> 태그 안에 필요한 권한들을 적어줍니다. 🔵 라이브러리 설치 프로젝트 터미널에 라이브러리를 설치해줍니다. 🔵 코드 작성 HealthKit 중 필요한 정보들을 요청하고, 불러옵니다. 🔵 권한 허용 함수 실행 시 다음과 같이 접근 권한이 나타납니다.

2024년 08월 07일 06:08

React Native

React Native Xcode 실행시 Hot Reload 방법

내가 바보같이 iOS, macOS를 베타버전으로 업그레이드 하는 바람에 여러 문제로 RN 프로젝트가 디바이스에서 실행이 안되는 이슈 발생 Xcode에서 프로젝트의 xcworkproject 파일을 실행하면 디바이스에서 실행이 된다. 하지만 Hot Reload가 되지 않는 문제가 있었는데, 여러 설정을 변경해 Hot Reload가 가능하게 설정하였다. 🔵 React Native 디버거 설정 VSCode에서 React Native Tools 확장을 설치한다. VSCode의 명령 팔레트(Shift + Cmd + P) 에서 "React Native: Start Packager"를 실행하여 Metro 번들러를 시작한다. 🔵 디버그 설정 파일 추가 프로젝트 루트에 .vscode/launch.json 파일을 생성하고 다음 내용을 추가한다. 🔵 launchReactNative.js 파일 생성 .vscode 디렉토리에 luanchReactNative.js 파일을 생성하고 다음 내용을 추가한다. 🔵 디바이스에서 Reload 실행 반드시 디바이스와 맥이 동일한 네트워크를 공유해야 합니다. 이제 Hot Reload 가능!

2024년 08월 07일 00:36