RN [RN] RCTBridge required dispatch_sync to load RCTDevLoadingView. This may lead to deadlocks. Warning React-Native로 작성된 프로젝트를 iOS Simulator로 실행시켰을 때, 'RCTBridge required dispatch_sync to load RCTDevLoadingView. This may lead to deadlocks.'의 Warning이 발생하는 것을 확인했다. 나타나는 Warning이 프로젝트 코드에서 큰 문제가 되는 것 같지 않아서 무시하면서 프로젝트를 진행하였... 모바일reactnativeRNRN 리액트 네이티브 설치 react-native로 앱을 개발할 때 자주 사용되는 네이티브 기능(위치 정보, 카메라 등)을 패키지로 묶어서 제공, 처음 시작은 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해, 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있어 비추천 react-native로 앱을 개발하기 위해서는 Nodejs, Watchman, Xcode등을... reactnativeRNRN (TIL) 6. React-Native : NativeBase (+ cleanArchitecture) RN을 사용하는 사람들에게 재밌는 lib 일 것 같습니다. 기존 RN의 StyleSheet와는 달리 인라인으로 style props를 작성할 수 있고, 다양한 기능들을 지원하고 있는 입니다. 싶었는데, 비슷하긴 한 것 같습니다. 그래도 디자인에 대한 부담을 줄일 수 있으니 관심있으신 분들은 사용해보시면 좋을 것 같습니다. 그러나 DB 접근 method class를 선언해두었기에 Reposit... RNRN (TIL) 5. React-Native & FireBase : DB연동 & logic refactoring 드디어 ToDoList 항목까지 DB와 연동할 수 있었습니다. 무엇보다도 신기했던 점은 noSQL DB를 직접 사용해보니 RDB에 비해 확장성이 좋을 수 밖에 없다는 것이 느껴진다는 점입니다. 그냥 원하는 데이터를 원하는 키워드로 큰 고민 없이 편하게 확장할 수 있었습니다. 각 테이블 사이에 관계가 없기 때문에 독립적으로 구성되고, 각각의 테이블에서 원하는 정보들을 조합해 하나의 app se... RNFirebaseFirebase spartaCodingClub 2주차 개발일지 1) EXPO 및 simulator 실행법 2) 기본적으로 필요한 코드 및 노란색 경고창 없애는 법 1) EXPO 및 simulator 실행법 2-1) 노란색 경고창 없애는 법 즉, 리액트 네이티브에서 return은 여러분이 작성한 JSX문법으로 구성된 화면을 앱상에 보여주는 역할을 한다. 🤓 개발할 때 코멘트, 즉 주석을 남기는 법(💡) flexDirection + ‘column’ + ju... 앱개발jsJavaScriptreactnativestudy자바스크립트RN코딩programing스터디스파르타Coding프로그래밍온라인강의스파르타코딩클럽Coding spartaCodingClub 3주차 개발일지 이 방식은 함수의 도 다른 축약법인데 함수 내부에 있는 코드가 한 줄일 경우 에 중괄호를 생략 할 수 있다. 화면의 구성 일부 하나하나들을 모두 다 컴포넌트 라고 부를 수가 있다. 즉, 전체 메인 페이지 하나를 큰 컴포넌트라고 볼 수도 있고 그 메인 페이지를 구성하는 버튼이나 이미지나 텍스트 태그 등을 모두 다 컴포넌트라고 부를 수가 있다. 다른 프로젝트 폴더에서 그 카드만 사용한다면 코드는... 프론트엔드RN코딩스터디스파르타공부스파르타코딩클럽jsprogrammingreactnative리액트네이티브자바스크립트softwaredeveloperCoding프로그래밍spartacodingclub백엔드개발자SpartafrontendJavaScriptBackendstudydeveloperBackend (TIL) 4. React-Native & FireBase : realTimeDataBase 오늘은 드디어 realTimeDataBase를 이용할 수 있었습니다. 오늘은 드디어 dataBase를 이용할 수 있었습니다. 하루종일 기존에 사용하던 DB 구조와는 달라서 앞으로 설계를 어떻게 해야 할까 하는 생각이 있었습니다. RDB와는 다른 방식으로 데이터를 축적할 것 같아서 주말에는 개념에 대해 공부할까 합니다. 그래도 나름 db를 연동하기도 했고, 원하는 정보를 잘 집어넣을 수 있었습... FirebasetsRNFirebase RN 네트워크 요청(get, post) 간단한 예: 우선 get 요청: 다음은 post 요청입니다.... RN [MAC M1] React Native 개발 환경 구축 및 에러 해결 에서 설치한 후 터미널에서 위의 명령어를 통해 설치 및 버전을 확인. 터미널에서 위의 명령어를 통해 Node.js를 설치. 위의 명령어를 통해 정상적으로 설치되었는지와 버전을 확인. Node.js를 설치하면 npm도 같이 설치되는데 아래의 명령어를 통해 정상적으로 설치되었는지 확인. 정상적으로 설치되었다면 위와 같이 버전을 확인할 수 있음. 터미널에서 위의 명령어를 통해 watchman을 설... RNM:1reactnativeReactM:1
[RN] RCTBridge required dispatch_sync to load RCTDevLoadingView. This may lead to deadlocks. Warning React-Native로 작성된 프로젝트를 iOS Simulator로 실행시켰을 때, 'RCTBridge required dispatch_sync to load RCTDevLoadingView. This may lead to deadlocks.'의 Warning이 발생하는 것을 확인했다. 나타나는 Warning이 프로젝트 코드에서 큰 문제가 되는 것 같지 않아서 무시하면서 프로젝트를 진행하였... 모바일reactnativeRNRN 리액트 네이티브 설치 react-native로 앱을 개발할 때 자주 사용되는 네이티브 기능(위치 정보, 카메라 등)을 패키지로 묶어서 제공, 처음 시작은 편할 수 있지만, 사용하지 않은 네이티브 모듈로 인해, 앱 파일 사이즈가 커지는 문제와 Expo에서 제공하지 않은 네이티브 모듈을 추가할 때, 불편함 등이 있어 비추천 react-native로 앱을 개발하기 위해서는 Nodejs, Watchman, Xcode등을... reactnativeRNRN (TIL) 6. React-Native : NativeBase (+ cleanArchitecture) RN을 사용하는 사람들에게 재밌는 lib 일 것 같습니다. 기존 RN의 StyleSheet와는 달리 인라인으로 style props를 작성할 수 있고, 다양한 기능들을 지원하고 있는 입니다. 싶었는데, 비슷하긴 한 것 같습니다. 그래도 디자인에 대한 부담을 줄일 수 있으니 관심있으신 분들은 사용해보시면 좋을 것 같습니다. 그러나 DB 접근 method class를 선언해두었기에 Reposit... RNRN (TIL) 5. React-Native & FireBase : DB연동 & logic refactoring 드디어 ToDoList 항목까지 DB와 연동할 수 있었습니다. 무엇보다도 신기했던 점은 noSQL DB를 직접 사용해보니 RDB에 비해 확장성이 좋을 수 밖에 없다는 것이 느껴진다는 점입니다. 그냥 원하는 데이터를 원하는 키워드로 큰 고민 없이 편하게 확장할 수 있었습니다. 각 테이블 사이에 관계가 없기 때문에 독립적으로 구성되고, 각각의 테이블에서 원하는 정보들을 조합해 하나의 app se... RNFirebaseFirebase spartaCodingClub 2주차 개발일지 1) EXPO 및 simulator 실행법 2) 기본적으로 필요한 코드 및 노란색 경고창 없애는 법 1) EXPO 및 simulator 실행법 2-1) 노란색 경고창 없애는 법 즉, 리액트 네이티브에서 return은 여러분이 작성한 JSX문법으로 구성된 화면을 앱상에 보여주는 역할을 한다. 🤓 개발할 때 코멘트, 즉 주석을 남기는 법(💡) flexDirection + ‘column’ + ju... 앱개발jsJavaScriptreactnativestudy자바스크립트RN코딩programing스터디스파르타Coding프로그래밍온라인강의스파르타코딩클럽Coding spartaCodingClub 3주차 개발일지 이 방식은 함수의 도 다른 축약법인데 함수 내부에 있는 코드가 한 줄일 경우 에 중괄호를 생략 할 수 있다. 화면의 구성 일부 하나하나들을 모두 다 컴포넌트 라고 부를 수가 있다. 즉, 전체 메인 페이지 하나를 큰 컴포넌트라고 볼 수도 있고 그 메인 페이지를 구성하는 버튼이나 이미지나 텍스트 태그 등을 모두 다 컴포넌트라고 부를 수가 있다. 다른 프로젝트 폴더에서 그 카드만 사용한다면 코드는... 프론트엔드RN코딩스터디스파르타공부스파르타코딩클럽jsprogrammingreactnative리액트네이티브자바스크립트softwaredeveloperCoding프로그래밍spartacodingclub백엔드개발자SpartafrontendJavaScriptBackendstudydeveloperBackend (TIL) 4. React-Native & FireBase : realTimeDataBase 오늘은 드디어 realTimeDataBase를 이용할 수 있었습니다. 오늘은 드디어 dataBase를 이용할 수 있었습니다. 하루종일 기존에 사용하던 DB 구조와는 달라서 앞으로 설계를 어떻게 해야 할까 하는 생각이 있었습니다. RDB와는 다른 방식으로 데이터를 축적할 것 같아서 주말에는 개념에 대해 공부할까 합니다. 그래도 나름 db를 연동하기도 했고, 원하는 정보를 잘 집어넣을 수 있었습... FirebasetsRNFirebase RN 네트워크 요청(get, post) 간단한 예: 우선 get 요청: 다음은 post 요청입니다.... RN [MAC M1] React Native 개발 환경 구축 및 에러 해결 에서 설치한 후 터미널에서 위의 명령어를 통해 설치 및 버전을 확인. 터미널에서 위의 명령어를 통해 Node.js를 설치. 위의 명령어를 통해 정상적으로 설치되었는지와 버전을 확인. Node.js를 설치하면 npm도 같이 설치되는데 아래의 명령어를 통해 정상적으로 설치되었는지 확인. 정상적으로 설치되었다면 위와 같이 버전을 확인할 수 있음. 터미널에서 위의 명령어를 통해 watchman을 설... RNM:1reactnativeReactM:1