React-Native 앱 제작기 (5) 썸네일형 리스트형 React Native 앱 제작기 #5 | 플레이 스토어(playStore) 배포 TIP (MultiDex , Proguard ) 안녕하세요? 바울랩 '오현규' 연구원 입니다. 이번에는 각 OS별 스토어에 제작한 앱을 배포하는 과정 중 알아낸 쓸만한 꿀팁들을 말씀드릴게요~ 먼저 android 배포 TIP입니다! 플레이 스토어(PlayStore) 배포할때 가장 중요한 앱 정보 등록 구간입니다. (홍보와도 직결되니까요!) 이 과정에 대해서는 자료가 방대하니 넘어가도록 하겠습니다. 이번 회차는 플레이스토어에 등록할 APK 추출&등록 과정을 더 중요시 다뤄보려고 합니다! ※등록전에 봐주세요! 출시 전 Release버전으로 테스트 후 이상이 없는지 확인 후 등록해주세요! 릴리즈 모드 실행 방법은 아래 명령어를 사용해주세요. npx react-native run-android --variant=release 테스트 완료하셨으면! 업로드할 파일.. 🔥React Naitve 앱 제작기 #4 | FireBase 연동하기(AdMob, Database, Storage) 안녕하세요 바울랩 '최원범' 연구원입니다! 오늘은 React-native에 파이어베이스를 연동하여 Admob을 이용해 광고를 띄우는 과정을 다뤄 보도록 하겠습니다! 앱 내에서 광고를 사용하기위해 Admob을 사용하기로 하였는데요 Firebase에서 Admob을 지원하기도하고 DB와 Storage 또한 지원하는 Firebase를 사용하기로 결정하였습니다. 1. Firebase 프로젝트 생성하기 먼저 Firebase 프로젝트를 만들어 보도록 하겠습니다. https://firebase.google.com 로 들어가서 콘솔로 이동을 누릅니다. 프로젝트 추가를 클릭해서 프로젝트를 만들겠습니다. 첫 번째 단계로 프로젝트 이름을 설정합니다. 두번째 단계로 애널리틱스 사용설정을 하는데요 무료로 제공되는 유용한 기능들이.. React Native 앱 제작기 #3 | YouTube Data API 사용법 , 적용하기 안녕하세요! 바울랩 ‘오현규’ 연구원 입니다. 이번에는 'YouTube Data API'를 사용하는 방법에 대해서 다뤄보도록 하겠습니다! 우선 공식문서를 보겠습니다! 어떤 서비스를 사용하려면 공식 문서를 잘 정독해야 잘 활용할 수 있겠죠? 자자!! 지금 우리는 생각해야됩니다! 필요한 정보가 무엇인지! 제.코.베(제주 코딩 베이스 캠프)앱은, 유튜브 채널에 있는 플레이 리스트들, 각 리스트 별 영상, 그리고 하나의 영상 정보가 필요합니다! Channel Id , PlayList Id , Video Id , Video Info ... 대강 이런 정보들이 필요하겠네요 이제 메뉴 중 뭔가 끌리는 Playlistitems를 살펴보죠. HTTP 요청 주소에 매개 변수를 추가해 필터링을 하면 되겠죠!? ( 여러분의 .. React Native 앱 제작기 #2 | React Hooks(훅스)& Navigation(네비게이션) 안녕하세요! 바울랩 ‘오현규’ 연구원 입니다. 저번 게시글에서 리액트 네이티브 개발 환경을 구성하는 단계까지 완료했는데요, 이번에는 리액트 Hooks와 화면 간 이동을 해주는 Navigation을 다뤄보겠습니다. Hooks? React는 기본적으로 'state'와 'props'로 상태관리를 하는데요( 쉽게 말해 데이터를 주고 받는방법!) 상태 관리는 주로 컴포넌트(화면)의 라이프 사이클에서 관리가 되었습니다. 라이프 사이클에 대해서 잠깐 알아볼게요, constructor ( 컴포넌트가 처음 만들어질때 실행) componentWillMount ( 컴포넌트가 DOM 위에 만들어지기 전에 실행 ) render ( 컴포넌트 렌더링 ) componentDidMount ( 컴포넌트가 생성 된 후 실행 ) - 주로 .. React Native 앱 제작기 #1 | 리액트 네이티브? 개발 환경 설정하기 안녕하세요! 바울랩 ‘오현규’ 연구원 입니다. 지금부터 , React Native(v0.61)를 활용한 ‘제주코딩베이스캠프’ 앱 제작기를 포스팅 해볼게요:) '제주 코딩 베이스 캠프'앱은 HTML, CSS, JavaScript , Python 등, 바울랩에서 제작한 여러 프로그래밍 강좌들을 제공해주는 앱입니다. 하단에 주소 남깁니다. (많은 사용 부탁해요! (●'◡'●)) 제코베(제주코딩베이스캠프) 앱 주소 먼저, React-Native가 무엇인지에 대해서 간단히 설명 드릴게요! React Native란? 리액트 + 네이티브 리액트를 사용해 네이티브 앱(Android , Ios 앱)을 동시에 만들수있다라는 것! 문득 이런 생각이 들 수도 있겠네요! " 어떻게 리액트로 네이티브 앱이 만들어지는거지? " ... 이전 1 다음
