React Native 모바일 앱 개발
- 1차 개강일
- 23년 12월 12일(화)
- 2차 개강일
- 23년 12월 26일(화)
- React.js
- ReactNative
- 앱개발
- 자바스크립트
- 컴포넌트

자바스크립트를 이용해서 애플리케이션을
만들수 있는 입문자를 위한 리액트!
리액트 네이티브 모바일 앱 개발이란?

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득하고,
진입 장벽이 낮은 언어로 API의 활용을 통해 비전문가도 쉽게
Native Mobile App을 개발할 수 있도록 교육합니다.
Start now

React.js - Front-end
- 페이스북에서 개발된 오픈소스
- 개발 트렌드인 자바스크립트를 이용한 앱 개발
- 안드로이드와 IOS 앱을 동시에 개발
React는 거스를 수 없는 대세
타입스크립트 함수 컴포넌트를 이용해
모바일 앱을 개발하며, 역동적 애니메이션
기능까지 나만의 앱 구현
진입 장벽이 낮은 언어로 API의 활용을 통해
비전문가도 쉽게 Native Mobile App을 개발
- 오픈소스 라이브러리 : ReactJS 사용자 인터페이스(UI)를 만들기 위한
자바스크립트(JavaScript) - 모바일 앱 프레임워크 : React Native 자바스크립트 오픈소스
- SPA서비스 : 대표적인 라이브러리/프론트엔드 프레임워크 React, Vue, Angular

- 실무활용도가 높은 실무예제 데이터를 전문가와 함께 직접다루면서 배웁니다.
- React Navigation 학습을 통한 화면 전환 및 연결(Stack, Drawer, Tab) 방법
- React Native의 심화 코딩을 위한 Tip (디버거, 재사용 Component 제작 등)


React.js을 통한 활용예시
- UI/UX 사용자에 맞는 편리한 인터페이스 제작
- 반응형 홈페이지 접속기기에 맞춰 사이트를 최적화 하여 보여줌
- 프론트/백엔드 개발 사용자에게 보여지는 화면 및 데이터를 관리하는 개발
- 앱(애플리케이션) 마크주커버그가 만든 SNS의 한 종류(리액트기반)

React Virtual DOM
리액트(React)는 복잡한 상태변화를
관리해주는 상태시스템으로 가상 DOM을 이용해서
불필요한 것들을 걷어내고 최소한의 처리로
컴포넌트를 렌더링하는 강력한 시스템을
가지고 있습니다.
React Native React Native를 다루는 기술로
React Native를 다루는 기술로
모바일 앱 개발에 대한 이론과 실무에
적합한 인재로 거듭납니다.
최신 개발 트렌드인 타입스크립트와 함수 컴포넌트를 이용해
모바일 앱을 개발 할 수 있습니다.

관련 자격증 취득이 가능합니다.
수강후기
커리큘럼
- 1
리엑트 네이티브 시작하기
- 리엑트 네이티브 동작 방식
- 개발환경 준비
- 리엑트 네이티브 프로젝트 만들기
- 리엑트 기본 클래스
- 라이프 사이클 함수
- 추가 라이브러리
- 2
리엑트 네이티브 컴포넌트
- 뷰 작업 & JSX 랜더링
- 클래스 컴포넌트
- 스래드 처리
- 단방향 데이터 흐름
- props and state
- 이벤트 핸들링
- 개발자 메뉴
- 3
리엑트 네이티브 스타일링
- 스타일링
- 스타일드 컴포넌트
- 리엑트 네이티브 스타일
- 플랫폼별 크기와 스타일링
- flexbox를 이용한 컴포넌트 배치
- 컴포넌트 이동, 회전, 크기 변경, 기울이기
- 4
네비게이션
- 리엑트 네비게이션
- 스택 네비게이션
- 탭 네비게이션
- 맵 리소스
- 리엑트 네비게이션과 앱 네비게이션 비교
- 병렬 처리되는 애니메이션 만들기
- 영화 소개 앱
- 5
Context API & 리덕스
데이터 아키텍처- 리덕스 데이터 아키텍처 라이브러리 이용
- API 레퍼런스
- 전역 상태 관리
- Context API
- AsyncStorage
- useContext
- 할 일 리스트 앱
- 6
iOS용 컴포넌트와 API 구현
- Platform API 이용
- DatePickeriOS
- PickeriOS 목록 처리
- ProgressViewIOS로 로딩
인디케이터 표시 - SegmentedControlIOS로 수평 탭 바
- TabBarIOS로 UI 아래에 탭 보여주기
- ActionSheetIOS로 액션 시트나
공유 시트 만들기
- 7
안드로이드용 컴포넌트와 API 구현
- DrawerLayoutAndroid로 메뉴 만들기
- ToolbarAndroid로 툴바 만들기
- ViewPagerAndroid로 스크롤 가능한 페이지 구현
- DatePickerAndroid API로 네이티브 날짜 선택
- TimePickerAndroid로 타임 피커 만들기
- ToastAndroid로 안드로이드 토스트 메시지 구현
- 8
크로스 플랫폼 앱 개발과
배포하기 & 버전관리- 크로스 플랫폼 컴포넌트를 이용해서 StarWars 앱 만들기
- 프로젝트 빌드
- iOS 애플리케이션 배포하기 &
디바이스 테스트 - 안드로이드 애플리케이션 배포하기 &
디바이스 테스트 - 버전 업그레이드
웹&앱 프로그래밍
웹&앱 프로그래밍 취업완성패스
-
프론트엔드, 백엔드 그리고 배포(DevOps
포함) 등 서비스를 개발할 수 있는 교육백엔드 풀스택(JAVA,Spring)
-
웹 콘텐츠의 기획 및 분석과 디자인,
프론트엔드(풀스택) 개발을 동시에!프론트엔드 풀스택
(React, Node.js) -
현장 실무학습과 자격증 취득으로
웹 개발과 소프트웨어 설계까지정보처리 산업기사
과정평가형 -
JAVA + CLOUD
독립적 자바 웹 프로그래밍AWS클라우드기반
자바 웹 개발자 -
스마트폰 대중화와 라이프 스타일을
주도하는 안드로이드 앱 (Android APP)안드로이드 앱
프로그래밍 -
꾸준한 인기 자바(JAVA),
웹&앱 개발자가 되는 필수 언어!자바 웹&앱 프로그래밍
-
웹개발 + 큐레이팅 기능을 더한
웹 서비스를 구현하는 교육큐레이팅 웹서비스
풀스택 개발 -
피그마를 활용한 UI UX 기획과
설계부터 프론트엔드 구현까지!UI/UX 피그마
React.js -
웹개발 + 큐레이팅 기능을 더한
웹 서비스를 구현하는 교육자바기반 큐레이팅
풀스택 개발 -
프론트엔드, 백엔드 기술을
활용하여 인공지능 풀스택 개발!인공지능 풀스택 개발
웹&앱 프로그래밍 커리어패스
-
다양한 콘텐츠 구현, 문제해결 능력을
높여, 경쟁력을 키우는 자바언어!자바프로그래밍
-
웹서버 모바일 위치기반 서버 등
구동가능한 실무기반 교육과정node.js
프론트엔드개발 -
자바스크립트 프레임 워크의 혁신~!
프론트엔드 개발자의 필수요소React.js
프론트엔드개발 -
Vue.js 설치 및 프로젝트 배포까지 -
Vue를 활용한 UI 컴포넌트 제작 과정Vue.js 프론트엔드개발
-
진입 장벽이 낮은 언어로 API 활용을
통해 Native Mobile App 개발React Native
모바일 앱 개발 -
급변하는 웹 트렌드에 맞는 언어
순수 자바스크립트, 바닐라JS바닐라
자바스크립트
직장인교육문의
원하시는 과정을 선택하시면 1:1 상담을 진행해드립니다.