Project/React Native (3) 썸네일형 리스트형 [React Native] pod install 이슈 해결 ([!] No podspec found for `Permission...) React Native로 네이버 지도 API를 연동하던 중, 예상치 못한 오류를 만났다..!문제 상황: pod install 실행 중 발생한 오류네이버 지도 API를 연동하기 위해 위치 권한을 요청하는 기능을 구현하던 중, 위치 관련 권한 설정을 위해 react-native-permissions 라이브러리를 사용했다. 여러 블로그들을 참고하여 Podfile은 아래와 같이 설정하고 pod install을 실행했는데require_relative '../node_modules/react-native/scripts/react_native_pods'target '프로젝트이름' do ... pod 'Permission-LocationWhenInUse', :path => "#{permissions_path}/Lo.. [React Native] 채팅 앱 구현하기 - 채팅 목록, 채팅방, WebSocket 연결 이번에는 React Native로 WebSocket을 활용한 간단한 채팅 앱을 만들어봤다. 사용자 목록 화면, 채팅방 화면, 그리고 WebSocket 연결까지 구현했는데.삽질도 좀 했지만 ㅋ 하나씩 해결하면서 프로토타입을 완성해냈다!아래는 핵심 코드 위주 ~1. 사용자 목록 화면 (ChatListScreen)사용자 ID를 기반으로 서버에서 사용자 목록을 가져와 보여주고, 특정 사용자를 선택하면 채팅방으로 이동할 수 있도록 구현useEffect(() => { DeviceInfo.getUniqueId().then((uniqueId) => { setMyId(uniqueId); // 내 ID 설정 fetch(`http:///users/${uniqueId}`) // 서버 주소는 환.. [React-Native] iOS 스플래시 화면 구현 테스트 1. `React Native Splash Screen` 라이브러리 설치React Native와 iOS, Android 간의 브릿지를 통해 스플레시 화면 제어하는 라이브러리프로젝트 Root 디렉토리에서 라이브러리 설치 npm install react-native-splash-screen 2. iOS용 추가 의존성 설치ios 폴더로 이동 -> CocoaPods 설치 -> 다시 프로젝트 루트로 돌아가기 cd ios && pod install && cd ..3. Xcode에서 스플래시 화면 디자인iOS의 `LaunchScreen.storyboard` 파일에서 설정이미지 추가 or 텍스트 배치4. AppDelegate 설정React Native가 로드될 때까지 스플래시 화면이 유지되도록 iOS 네이티브 코드 수.. 이전 1 다음
