React Native 앱 개발의 모든 것 : 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지
최초 최신
React Native 앱 개발의 모든 것
: 4가지 프로젝트로 마스터하는 웹뷰부터 앱 개발까지
-
개발-배포-업데이트까지 모두 담은 커리큘럼
Expo부터 CLI까지 한 번에! 프로젝트 요구사항에 맞는 최적의 솔루션을 선택할 수 있게 됩니다.
-
React Native의 모든 것을 다룬 프로젝트 구성
4가지 프로젝트로 웹뷰 ~ 순수 RN 앱개발까지! 원하는 방향에 맞춰 RN로 개발할 수 있습니다.
-
실무 경력이 인증하는 React Native 전문가
현업 CTO로서 React Native를 풍부하게 경험한 강사님의 노하우를 그대로! 강의 하나로 끝내세요!
이런 고민들, 이 강의에서 한 번에 날려드리겠습니다!
당신의 개발자 커리어에 날개를 달아줄
React Native로 만드는 웹뷰부터 앱 개발까지의 모든 것!
타사 어디에도 없는 React Native 강의 구성을 확인하세요!
타사에서는 모바일 only만 입각해 React Native를 다루지만,
본 강의는 웹뷰부터 모바일 only까지 React Native를 다뤄보며 학습합니다.
모바일이 메인인 시대, 시대에 뒤쳐지지 않는 개발자를 위한
React Native 앱 개발의 모든 것
강의 하나로 프로덕트 레벨의
React Native 앱을 만드는 모든 방법을 마스터할 수 있습니다
커리큘럼
React Native 활용의 모든 것을 다룬 커리큘럼
: WebView부터 Full React Native 앱 개발까지
React와 JavaScript만 알아도 빠르게 앱을 만들 수 있도록, 웹뷰를 활용한 앱 개발부터
React Native 앱 프레임 +그 속에 React Native로 채우는 Full React Native 앱 개발까지!
이 강의를 통해 React Native를 이용한 앱 개발 방법의 모든 것을 체계적으로 학습하고,
실무에서 바로 활용할 수 있는 실력을 기를 수 있습니다.
프로젝트
React Native 앱 개발을 다각도로 마스터하는 4가지 프로젝트
React Native를 활용해 앱을 개발할 때 마주하는 다양한 과제를 프로젝트로 익힙니다.
웹뷰를 활용한 가장 기초적인 수준부터 복잡한 통신, Full로 React Native까지 커버하는 앱을 만들 때 필요한 주요 과제들을 모두 학습합니다.
이를 통해 가장 기초의 웹뷰부터 심화된 React Native 앱까지 모두 상황에 맞게 선택하며 개발할 수 있게 됩니다.
웹뷰를 이용해서 네이버 앱의 쇼핑과 홈 탭을 구현하고,
이를 통해 앱의 장점을 웹 서비스에도 적용할 수 있게됩니다.
| 학습 Point
· 웹과 앱 통합 : 웹뷰를 이용해서 웹 페이지를 앱에 띄우기
· CLI, EXPO를 이용한 React Native 웹뷰 개발 환경 세팅
· 앱의 네비게이션 기능과 웹뷰를 함께 이용해서 개발하기
| 구현 기능
· 웹 페이지를 앱에 띄우기
· 웹뷰로 만든 앱 아이콘을 설정하기
· 앱의 네비게이션 기능 패턴 적용
· 로그인 기능 구현 (사용자 인증)
· 웹 컴포넌트를 앱으로 변환하여 네이버 홈 및 쇼핑 화면 구현
다양한 기능 구현을 위해 개발중인 플랫폼으로 제공하지 않는 3rd Party도 이용할 수
있도록 학습합니다. 웹 SDK나 웹 API는 제공하는 반면, 개발하고 있는 플랫폼으로
제공하지 않는 경우가 있는데, 대표적으로 유튜브가 그렇습니다.
이 경우 웹뷰로 유튜브를 로드해서 사용하고 - 웹뷰와 React Native 간의 통신을
구현하여 앱에 보여줄 수 있어야 유튜브를 앱에서 사용할 수 있게 됩니다. 이를 통해
웹뷰 앱을 진정한 프로덕트 레벨로 개발할 수 있는 개발자가 됩니다.
| 학습 Point
· React Native로 제공하지 않는 Third party를 웹뷰를 이용해서 앱으로 구현
· 웹뷰로 앱을 조작 ↔ 앱으로 웹뷰를 조작하는 상호 통신
| 구현 기능
· 웹용 너튜브 API를 이용해서 앱에 너튜브 영상 탑재하기
· 구간 반복 기능 구현으로 웹뷰와 앱의 기능을 혼합하여 구현하기
· 웹뷰로 멀티미디어를 다룰 때 필요한 최적화
· 재생 / 멈춤 기능 구현(Expo)하며 앱에서 웹뷰로 통신 보내기
· Seek bar 구현(Expo)하며 웹뷰에서 앱으로 통신 보내기
AI API를 이용해 오디오 녹음을 하면 AI가 해당 내용을 요약해주는 앱을 개발합니다.
React Native로 모바일 디바이스의 마이크와 로컬 스토리지, 카메라 등의 기능을
활용하는 방법을 학습하여 앱의 장점을 웹 서비스에도 적용할 수 있게 됩니다.
| 학습 Point
· 웹 사이트를 일반 웹과 웹뷰 용으로 분기하여 개발하기
· 웹뷰에서 앱으로 통신하여 앱의 리소스 사용하기
· AI API 이용해서 AI 애플리케이션 만들어보기
| 구현 기능
· Ngrok, Firebase 이용해서 웹 프로젝트 호스팅하고 이것을 웹뷰에 로드
· 웹앱에서 녹음 기능 이용하기
· 웹앱에서 카메라 기능 이용하기
· 웹앱에서 앱 로컬 스토리지에 데이터 저장하기
· React Native CLI와 Expo로 비교하며 만들기
React Native를 사용하여 앱을 개발하는 전체적인 과정을 포함하여 학습합니다.
React Native에서 자주 쓰이는 코어 컴포넌트부터 상태변화 및 생명주기 관리까지
한 번에 익힐 수 있습니다.이를 통해 React Native만을 이용하여 앱을 개발하는
방식까지 익히게 되어 전천후 React Native 활용이 가능해집니다.
| 학습 Point
· React Native만을 사용하여 앱 프레임부터 앱을 구성하는 내용을 모두 개발
| 구현 기능
· 웹 페이지를 앱에 띄우기
· 웹뷰로 만든 앱 아이콘을 설정하기
· 앱의 네비게이션 기능 패턴 적용
· 로그인 기능 구현 (사용자 인증)
· 웹 컴포넌트를 앱으로 변환하여 네이버 홈 및 쇼핑 화면 구현
실무 프로세스 그대로!
디자이너/기획자와 협업하는 실무의 방식 그대로
더 높은 퀄리티의 결과물 구현을 위한 프로젝트 디자인 가이드를 제공합니다.
실전 그대로
실무 앱 개발 전체 사이클을 따라
스토어 리뷰 없이 원하는 시점에 배포하고 업데이트 하기 위한 모든 것
앱 출시 배포 - 웹뷰 리소스 업데이트 - 앱 업데이트 배포 - 앱 업데이트 알림까지
앱 개발의 전체 사이클을 따라가면서, 프로젝트를 초기 설정부터 마지막 앱 배포까지 경험하며 실전에서 필요한 능력을 갖추게 됩니다.
이를 통해 유저에게 업데이트된 내용을 효과적으로 전달하고, 앱을 계속해서 이용하도록 유도할 수 있습니다.
노하우
웹뷰를 만들더라도, 앱처럼 보이게!
앱의 완성도를 높이는 디테일을 담았습니다.
앱 UI상에서 보여지는 웹 브라우저의 특징들을 숨겨주는 처리들을 학습합니다.
이를 통해 웹뷰를 사용한 개발시에도 더 완성도 높은 앱 개발이 가능해집니다.
원하는 앱을 만들 수 있게 프로젝트 구축 과정에서 경험할 어려움은 모두 미리 학습하여 해결합니다.
개발 목표와 프로젝트 요구 사항에 따라 선택할 수 있도록
React Native 개발 환경 ALL 커버
React Native CLI와 TypeScript를 이용한
프로젝트 셋업으로 생산성 향상까지!
-
TypeScript를 지원하는 CLI 특성상 TypeScript로 CLI를 설정하면 React Native와의 통합이 원활해집니다. -
TypeScript를 사용하면 모듈화 및 의존성 관리가 쉬워져 규모가 큰 프로젝트 관리가 편해집니다. -
동료가 실수하지 않도록 Typescript Type을 정의하고 코드의 구조와 의도를 명확하게 전달할 수 있어 협업 및 유지보수하는 데 시간을 절약할 수 있습니다.
강사소개
글로벌 앱 개발 전문가의 실전 노하우와 강의력을 그대로 담았습니다.
개별적인 심화 개념 학습은 그만! 심화 개념만 배운다고 프로젝트에서 바로 사용할 수 있는게 아닙니다.
진짜 내 프로젝트에 바로 사용할 수 있도록 연계해서 학습해요!
수강 중 막히는 부분이 생긴다면?
강사님과 AI에 바로 물어볼 수 있는 질의응답 채널까지!
다른 데는 없는 강의 주제니까 정보 교류는 더 중요하죠!
정보 교류는 물론 수강중 궁금증 해결까지 한 번에 가능합니다. !
* 본 채널은 2024.05.29 ~ 2027.05.07 동안 운영 됩니다.
* 강사님이 채널에 입장하시지만 답변이 필수로 제공되지 않는 커뮤니티 형식의 공간입니다.
* 강사님이 현업 중 답변하시기에 답변까지 영업일 기준 7일 내외 시간이 소요될 수 있습니다.
상세 커리큘럼
아래의 모든 강의를 초격차 패키지 하나로 모두 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!
* 본 강의의 파트6과 7은 [React Native를 활용한 빠르고 완성도 높은 앱 개발with 21개 프로젝트] 강의의 파트 1과 파트 2의 챕터 1 내용과 동일합니다.
Part1. React Native를 이용한 기초 웹뷰 개발
Part2. 웹뷰 띄우기 학습 - 네이버 앱 클론 코딩 프로젝트
Part3. 웹뷰와 RN 앱 통신을 학습 - 유튜브 SDK 활용 학습 앱 프로젝트
Part4. 앱 리소스 사용 학습 - 챗GPT API 활용 클로바ST 녹음요약 앱 프로젝트
Part5. 웹뷰 앱 배포부터 업데이트까지 모든 것
Part6. React Native Only 모바일 앱 개발 1 - 까까오톡 친구목록 개발하기 전 개념 정리
Part7. React Native Only 모바일 앱 개발 2 - 까까오톡 친구목록 개발하기
해당 강의는 사전 예약 상품입니다.
영상 공개는 다음과 같이 5회에 걸쳐 공개됩니다.
(강의 1회 결제시 모든 영상을 평생 반복 수강 가능합니다.)
-----
1차 공개 24년 05월 29일 (수)
2차 공개 24년 06월 26일 (수)
3차 공개 24년 07월 24일 (수)
4차 공개 24년 08월 28일 (수)
전체 공개 24년 09월 25일 (수)