Thumbnail
개발 · 프로그래밍 모바일 앱 개발

따라하며 배우는 리액트 네이티브 기초 대시보드

(5)
7개의 수강평 ∙  423명의 수강생

30,800원

지식공유자: John Ahn
총 70개 수업 (11시간 20분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[모바일 앱 개발] 강의입니다.

이 강의를 통해서 리액트 네이티브를 이용해서 애플리케이션 개발을 할 수 있습니다.

✍️
이런 걸
배워요!
리액트
리액트 네이티브

리액트 네이티브로 앱 만들기,
이제 여러분도 할 수 있어요! 👏

따라 하며 배우는
리액트 네이티브 기초 📱

이 강의를 통해서 리액트 네이티브를 이용한 애플리케이션 기술을 익히실 수 있습니다.
리액트 네이티브를 처음 접하는 사람들도 이 강의 하나로 리액트 네이티브를 이용해서 앱 개발을 문제없이 할 수가 있게 됩니다.

하나의 강의로 개념도 익히고 실습도 하며, 리액트 네이티브의 기본을 위해 필요한 대부분의 지식을 한 번에 습득할 수 있도록 만들었습니다. 점점 많은 회사에서 사용하고 있는 리액트 네이티브를 배워서 취업에 많은 도움이 되었으면 좋겠습니다.

이 강의만의 특징 ✨

프로젝트와 함께
리액트 네이티브의
기초를 탄탄히!

시각적인 도표
기초 개념에 대한
이해 Up!

따라 하면서
이해력도 높이고
복습도 편하게!


이런 분들께 추천해요 🙋

모바일 앱 개발을
배워보고 싶은 분

자바스크립트를 이용해
앱을 개발하고 싶은 분

리액트 네이티브로
프로젝트를 만들고 싶은 분


이런 걸 배워요 📚

섹션 1) 리액트 네이티브란 ?

섹션 2-4) Todo 앱을 만들면서 React Native 익히기 (Expo 개발환경)

섹션 5) React Native CLI를 이용한 개발환경 만들기

섹션 6-7) React Native CLI 환경에서 인스타그램 만들기


예상 질문 Q&A 💬

Q. 비전공자도 들을 수 있는 강의인가요?

기초부터 자세하게 강의하기 때문에 비전공자도 들을 수 있습니다.

Q. 강의를 듣기 전 준비해야 할 것이 있나요?

자바스크립트와 리액트에 대해서 알고 있으면 강의를 듣기 더 쉽습니다.

Q. 리액트 네이티브를 왜 배워야 하나요?

이걸 배우면 웹 개발자가 자바스크립트를 이용해서 앱 개발도 할 수 있게 되며, 리액트 네이티브를 이용해 더 많은 취직 혹은 이직 기회를 가질 수 있습니다.


지식공유자의 
다른 강의가 궁금하다면?

누적 수강생 55,000+명, 따라하며 배우는 웹 개발 시리즈 📖


이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
리액트 네이티브로 앱 개발을 하고 싶은 분
앱 개발을 재밌게 하고 싶으신 분
📚
선수 지식,
필요할까요?
리액트

안녕하세요
John Ahn 입니다.
John Ahn의 썸네일

안녕하세요. 

즐겁게 개발하고 있는 개발자입니다. 

앞으로 많은 도움을 드릴 수 있었으면 좋겠습니다.


- 따라하며 배우는 도커와 CI환경 저자
- 카카오 기업 신입 공채 FE 교수자
- 패스트캠퍼스, 구름 강사 
- 현대자동차 개발 기업 교육
- 신한은행 메타버스, 코빗 타운 풀스택 개발
- 여러 공공기관 SNS 풀스택 개발

커리큘럼 총 70 개 ˙ 11시간 20분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 자료
도표 자료 미리보기
소스 코드 자료
섹션 1. 리액트 네이티브란 ?
React Native 란? 미리보기 04:37
Core Components, Native Components 05:53
리액트 네이티브를 사용하기 위한 개발환경에 대해서 03:42
리액트 네이티브 설치를 위해서 필요한 것들 03:04
개발환경 세팅하기(Expo) 02:16
Expo로 생성한 리액트 네이티브 앱 구조 살펴보기 02:51
리액트 네이티브 앱 실행하기 09:33
섹션 2. Todo 앱을 만들면서 React Native 익히기(Expo 개발환경)
만들게 될 Todo App 소개 00:45
만들게 될 Todo App 구조 생성하기 06:27
Core Components를 이용한 UI 작성하기 08:33
StyleSheet 를 이용한 스타일링 09:58
Layout with Flexbox 03:01
InputForm 생성하기 14:27
TodoItem 생성하기 09:58
React Native에서 SVG 사용하기 미리보기 15:42
섹션 3. Redux를 이용해서 Todo 앱 기능 완성하기
Redux Slice 및 Store 생성하기 15:02
Todo item 생성하기(addTodo) 06:57
Todo 리스트 나열하기 24:51
섹션 4. Firebase를 이용한 인증 기능 더하기
React Navigation 07:53
Login Screen 생성하기 15:57
Firebase와 앱을 연결하기 05:29
Firebase를 이용한 회원가입 08:20
Alert, Toast 09:02
Firebase를 이용한 로그인 07:47
Firebase를 이용한 로그아웃 09:25
섹션 5. React Native CLI를 이용한 개발환경 만들기
React Native CLI를 이용한 개발 환경 세팅하기 01:27
Mac에서 IOS 개발을 위한 개발환경 생성하기 14:19
Mac에서 Android 개발을 위한 개발환경 생성하기 11:14
Windows에서 Android 개발을 위한 개발환경 생성하기 17:04
섹션 6. React Native CLI 환경에서 인스타그램 만들기
인스타그램 앱 전체 구조 생성하기 미리보기 07:14
React Nagivation을 이용해서 라우팅 구현하기 17:34
아이콘 사용하기(react-native-vector-icons 설치) 06:38
탭 아이콘 넣어주기 08:31
Home 스크린 UI 생성하기 09:39
스토리 UI 생성하기 19:50
스토리 Status UI 생성하기 16:55
Animated 라이브러리 15:03
react-native-status-bar-height 05:22
Post UI 생성하기 14:41
Post Action, Post Comments UI 생성하기 14:02
섹션 7. 인스타그램 앱 완성하기
Search Screen UI 생성하기 07:22
Search Content UI (1) 10:02
Search Content UI (2) 12:45
Search Content 클릭 시 모달 생성 19:40
Activity Screen UI 생성하기 11:27
ActivityThisWeek 컴포넌트 생성하기 15:17
ActivityRecomment 컴포넌트 생성하기 11:33
FriendProfile Screen UI 생성하기 06:28
FriendProfile Screen ProfileBody 생성하기 07:23
FriendProfile Screen ProfileButton 생성하기 09:04
FriendProfile Screen FriendItem 생성하기 14:28
Profile Screen UI 생성하기 09:02
Profile Screen ProfileButton 생성하기 06:30
Profile Screen Circles 생성하기 07:19
Edit Profile Screen UI 생성하기(1) 06:38
Edit Profile Screen UI 생성하기(2) 04:45
섹션 8. 추가 기능들
Android Local Push Notification 23:45
iOS Local Push Notification 12:25
LocalStorage 대신 AsyncStorage 04:43
섹션 9. 참조) 리덕스
리덕스란? 08:26
미들웨어 없이 리덕스 카운터 앱 만들기 17:25
combineReducers 11:22
Redux Provider 06:46
useSelector & useDispatch 07:08
리덕스 미들웨어 06:26
Redux Thunk 20:01
리덕스 툴킷(redux toolkit) 11:06
.
강의 게시일 : 2022년 12월 23일 (마지막 업데이트일 : 2023년 01월 03일)
수강평 총 7개
수강생분들이 직접 작성하신 수강평입니다.
5
7개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
좋은강의파인더 thumbnail
5
신입으로 입사해서 RN을 급하게 공부해야해서 인프런 접속했는데 존님 신규강의 오픈 알림이 있어서 부랴부랴 구매했습니다, 이전에도 존님 리액트 보고 공부하고 취업했었는데 이번에도 존님 도움을 받게되네요, 여러분 인프런이나 다른 사이트에서 최신 리액트네이티브 강의가 별로 없습니다 그리고 이렇게 세세하게 알려주질 않습니다 저와 비슷한 상황이시라면 이 강의 꼭 추천드립니다 결코 3만원 값이 아닙니다 ㅠㅠ요새 전부 작성한 스니펫 붙혀넣기 식인데 존님은 처음부터 끝까지 작성해주십니다. 그리고 리덕스를 모르면 몰랐지 따로 강의를 만들어주는 사람은 없습니다 하 역시나 최고입니다. 강의 흐름이 너무 좋아서 아침에 구매하고 지금까지 연속으로 들었습니다 ㅎㄷㄷ 역시 믿고 사는 존님 강의 최고입니다
2023-02-10
leesujeong thumbnail
5
처음 해보는 과정임에도 설명이 도움되었습니다. 더 차근차근 다시한번 따라해보고 제것으로 익혀보고 싶어요
2023-11-29
dalim508 thumbnail
5
John ahn is always best instructor! he never disappoint me
2023-05-12
Henry thumbnail
5
아쉬웠던 점 1. 에러를 나중에 수정하는 부분이 많습니다 -> 자주 저장 누르며 화면을 확인하는 사람이라면 중간중간 ’왜 안되지?’ 하며 오류해결에 시간을 많이 쓸수 있는데, 나중에 수정하는 부분이 영상에 나오므로 유의하고 수강해야합니다. 좋았던 점 1. 매 영상 시작하기 전 ‘이렇게 구현할 것이다’ 를 확실히 알려주고 시작해서 코드를 따라 치면서도 디자인, 기능이 머리속에 그려질 정도로 이해가 잘 됩니다. 2. 여러 오류에 대한 대비책을 미리 준비해두고, 쉬운 코드도 복붙하지 않으시고 하나하나 같이 칠 정도로 꼼꼼하고 친절하십니다. 3. 강의 가격을 생각해 보면 최고의 강의 구성입니다. 후기 Java 배우며 코딩 기초 있고, React는 모르는 상태로 노마드코더 ReactNative 왕초보 강의 듣고 이 강의를 들었는데 굳이 비교하자면 강의 구성이 정말 좋았습니다 어느 정도 구현할때 필요한건 다 배운 느낌? 저는 React 도 처음이라 끝까지 듣는데 시간이 걸렸지만 React, CSS 기초가 있다면 인스타그램 앱 만들기 부분만 들어도 빠르게 이해할수 있었을것 같네요. 좋은 강의 감사합니다.
2023-08-13
정종환 thumbnail
5
안녕하세요 강의 잘 보고 있습니다. 다른게 아니라 ppt가 다운받으려고 해도 pdf로 깔끔하게 정리가 되는게 아니라 드라이브로 가서 diagram.net으로 봐지는 데 혹시 이거 어떻게 해결하는지 아시나요???
2023-04-20