결과화면 구현 기능 영화 리스트 - 외부 api사용 영화 상세 정보 - 제목,개봉일,소개,감독,배우,관련영상 개봉일 캘린더 추가 기능 개봉일 푸시 알림 기능 정리 영화 리스트 구현 예제 데이터로 영화 목록 구현하기 ch1-3참고, 프로젝트명: MovieReminder, hermes빌드 끄기, io...
React Native 16 - 채팅앱
결과 화면 ios는 실물 기기로, android는 에뮬레이터로 녹화하였습니다. 회원가입 및 로그인 실시간 채팅 및 push알림 background, quit, foreground상태에 따른 push 알림 이미지와 음성메시지 보내고 확인. 확인시 1 사라짐 ios android 사진 자세히보...
React Native 꼭 알아야하는 것들
Touchable 구성 요소 React Native의 Touchable 구성 요소는 사용자가 터치 이벤트를 발생시킬 수 있는 여러 가지 컴포넌트를 제공한다. TouchableHighlight: 버튼 또는 링크와 같은 일반적인 터치 기반 컴포넌트에 적합하다. TouchableOpacity: 불투명도를 줄이는 것 외에도 TouchableHig...
React Native - Animated API 실습
Animated Drawer Menu 서랍처럼 열고 닫을 수 있는 형태로 일반적인 메뉴 UI로 많이 사용됨 UI 내용 햄버거 버튼이 있는 바깥영역 메뉴가 나왔을 때의 메뉴 영역 에니메이션 내용 메뉴가 열리고 닫히는 과정에서 메뉴가 자연스럽게 움직임 메뉴가 열...
React Native - push notification
Push Notification 서버에서 설치된 앱에 메시지를 전달하고, 앱에서 전달된 메시지를 보여주는 것 종류 Data Message 데이터만 전달 해주는 푸시 Notification은 별도로 띄우지 않음 앱의 설치 여부 또는...
React Native - Animated API 개념
React Native 자체 애니메이션 Scroll gesture → ScrollView, FlatList, ScetionList Touch gesture → Pressable, KeyboardAvoidingView 그외 components → Activity Indicator, Modal, Alert animation API An...
Error - xcrun exited with non-zero code 22
발생 원인 //터미널에서 직접입력 : 정상 npx uri-scheme open "mydog://history" --ios //노션에서 복사한 코드 : 에러 npx uri-scheme open “mydog://history” --ios Notion에서 코드를 그대로 복사하여 실행했더니 큰따옴표의 유니코드 차이로 인해 uri를 인식하지 못하여 실행...
React Native 15 - LoveDog 앱
요구사항 회원가입 → 회원정보입력 → 프로필설정 google로 로그인가능 최초 로그인시 추가정보 입력 강아지 사진을 보거나 좋아요를 누를 수 있음 좋아요를 누른 강아지들을 모아볼 수 있음 → 사진 확대 가능 마이화면은 유저정보와 히스토리를 볼 수 있음 하루 6개이상 좋아요를 누르기 위해서는 결제가 필요함 android ...
React Native 14 - 요튜브 앱
결과 화면 요구사항 사용자는 유튜브 영상 리스트를 불러올 수 있다. 제일 끝까지 스크롤 한 경우 게시물을 불러 올 수 있다. youtube data api google developer const axiosInstance = axios.create({ baseURL: 'https://www.googlea...
React Native 13 - 가계부 앱
결과 화면 요구사항 총 사용 금액 월별통계 보러가기 → 월에 사용한 총 금액을 월별로 비교할 수 있음 이번달에 사용한 내역 리스트 확인 type은 사용 / 수입으로 구분 사진은 optional 우축하단 +를 누르게 되면 추가화면으로 이동 수입/지출 toggle로 지정 사용 내용 입력 ...