세일!

React Native 모바일 앱 제작가이드‘ 강좌는 학생 할인(50%)이 적용되는 강좌입니다.

학생 할인을 적용받으실 분은 전화(02-2262-7366) 또는 이메일(academy@bloter.net)으로 문의해주시면 자세히 안내해 드리겠습니다.
* 학생 할인을 적용 받으시려면 강의 참석시 재학생임을 증명할 수 있는 증명서(재학증명서)를 반드시 지참해서 제출해주셔야 합니다.

나만의 모바일 앱을 만들고 싶은 사람에게 꼭 필요한 강의!

React Native?

리액트 네이티브(React Native)는 Facebook이 공개한 리액트 기반의 모바일 애플리케이션 제작 프레임워크 입니다.

현재 페이스북, 에어비앤비 ,인스타그램 등 수많은 메이져 애플리케이션에서 사용중인 제일 트렌디한 모바일 앱 프레임워크중 하나이며, 원소스 멀티 플랫폼 방식으로서 안드로이드, iOS, 윈도우 모바일의 네이티브 애플리케이션을 동시에 제작할 수 있습니다.

이 강의를 수강하면

  • iOS/안드로이드 네이티브 애플리케이션을 개발할 수 있습니다.
  • 구글 플레이스토어와 애플 앱스토어에 직접 만든 앱등록하고 배포할 수 있습니다.

둘 다? 한번에!

수강대상

Z

모바일 애플리케이션 개발을 시작하고 싶으신 분

Z

하이브리드앱 개발에 관심이 있는 분

Z

자바스크립트를 사용해 네이티브앱을 구현하고 싶은 분

앱 제작 실전

1일차 실습 앱(IOS)

3일차 코인 시세 모니터링 앱 실습

커리큘럼

구분 주제 내용
1일차 React Native 기초
React Native 기초

리액트 네이티브의 초기 개발 환경을 구축하고 레이아웃 시스템 및 최신의 자바스크립트 스펙등 개발에 필요한 기본적인 내용들을 학습합니다.

  • Javascript, JSX
  • React component
  • Flex box layout system
  • Debugging
React Component
React Component

리액트 컴포넌트의 라이프사이클과 컴포넌트가 가지는 기본 속성에 대한 학습을 합니다

  • 상태(state), 속성(props)를 통한 상태 변이 학습
  • 리액트 네이티브 컴포넌트 라이프사이클 (Component life cycle)
Networking
Networking

앞서 학습한 내용을 바탕으로 간단한 뉴스 리더앱을 개발하며 네트워킹을 통한 API 호출과 리스트뷰에 대해 학습합니다.

  • 외부 데이터를 활용한 뉴스 리더 앱 개발
  • 네트워킹 인터페이스인 fetch를 통해 Open API를 외부에서 호출 및 컨트롤
  • 리스트뷰와 스크롤 뷰를 활용하여 뉴스 리더를 구성
  • async/await를 활용한 비동기 통신
2일차 Navigation, Redux
Navigation, Redux

네비게이션을 통해 다양한 화면의 앱을 구성해보고 화면간 데이터 전달 및 앱의 상태를 다루는 학습을 해봅니다.

  • 네비게이션 활용한 다양한 화면 구성
  • Redux를 활용한 데이터 공유
  • 앱의 라이프사이클에 따른 동작 정의
  • 앱의 현재 상태 (백그라운드, 포어그라운드 등)에 따른 동작 테스트
서드 파티 모듈 소개
서드 파티 모듈 소개

개발의 생산성을 도와주는 대표적인 서드파티 모듈에 대해서 알아보고 이를 활용하여 좀 더 완성된 수준의 앱을 개발 할 수 있도록 안내합니다.

SNS 연동
SNS 연동

페이스북 로그인 연동을 통해 외부 플랫폼 연동시 필요한 애플리케이션 등록 과정과 준비할 부분들에 대해 학습합니다.

  • 페이스북 로그인 모듈
  • 페이스북 애플리케이션 등록 과정 학습
  • 안드로이드 키해시 생성 및 등록
애니메이션 & 사운드
애니메이션 & 사운드

애니메이션과 소리를 결합하여 UI를 더 인터렉티브하게 만들수 있도록 합니다.

3일차 코인 시세 모니터링 앱 개발
코인 시세 모니터링 앱 개발

리액트 네이티브 애플리케이션을 처음부터 끝까지 만들어보고 디자인을 적용해봅니다.

  • 코인 시세 모니터링 앱 제작
  • 외부 API 호출을 통한 데이터 적용
  • 그럴듯하게 UI 꾸미기
  • mobx를 통해 상태 한번에 관리하기
애플리케이션 배포 이론 및 실습
애플리케이션 배포 이론 및 실습

실제로 앱을 배포하기 위한 준비단계에 대해 알아보고 자신의 앱을 스토어에 올려봅니다.

  • 안드로이드 앱 배포를 위한 gradle 설정 및 플레이스토어 배포 (계정 필요)
  • iOS 앱 배포 과정 소개

강사소개

강명구

아이폰이 국내에 처음 출시되었을 때부터 모바일 어플리케이션을 제작하였으며 현재 네이티브 모바일 개발 및 웹 프론트엔드쪽을 주로 다루고 있습니다. 리엑트 네이티브의 실용성에 감격하여 프로젝트들을 리엑트 네이티브로 변환, 제작 중입니다.

  • (현) Sandfox Studio 대표
  • (전) 소프트웨어 마에스트로 2기
  • (전) KossLab Global Open Frontier 2기

정주원

자바스크립트를 이용하여 서버 및 웹애플리케이션, 업무자동화 등 다양한 분야에서 개발을 해왔습니다. 현재는 리액트 네이티브를 활용하여 다양한 앱과 서비스를 개발했습니다.

  • (현) 데이터그래프 대표
  • (전) KossLab Global Open Frontier 2기
  • (전) KT Nasmedia – AD Network Platform 개발

NOTIFICATION

R

개인 노트북을 꼭 지참해주세요.

R

강의 별 진행 가능한 최소인원이 미달될 경우 일정이 연기될 수 있습니다. 일정 연기 결정 시, 수강생 분들께 기존 개강일 약 3일 전에 개별 연락을 드립니다. 이 점 양해 부탁드리겠습니다.