25%
66,000원
중급자를 위해 준비한
[모바일 앱 개발, React Native] 강의입니다.
리액트 네이티브를 이용해서 나만의 맛집 기록앱을 개발하고 출시하는 과정을 배우게 됩니다. 디자인부터 프론트 및 백엔드 개발, 배포까지 전 과정을 준비했어요.
✍️
이런 걸
배워요!
이런 걸
배워요!
React Native
React Query
Zustand
TypeScript
Nest.js
TypeORM
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
나만의 앱을 출시하고 싶은 분
리액트 개발을 경험해보신 분
실제 운영되는 특별한 포트폴리오를 가지고 싶은 분
자바스크립트로 프론트/백엔드 모두 개발하고 싶은 분
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
React 기초 지식이 필요해요.
JavaScript/CSS 기초 지식이 필요해요.
Node.js, Express 경험이 있으면 좋아요. (백엔드 개발시)
안녕하세요
Kyo 입니다.
Kyo 입니다.
커뮤니티 서비스 프론트엔드 개발자로 시작하여 현재는 모빌리티 서비스 풀스택 개발자로 일하고 있습니다.
좋은 사용자 경험을 제공하는 것에 관심이 많으며, 서비스를 운영하며 개선해나가는 것을 좋아합니다.
✉ inkyo.dev@gmail.com
커리큘럼
총 96 개
˙ 17시간 4분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의 자료
3 강
디자인 자료 (Figma)
ReadMe!
소스코드 자료
섹션 1. 강의소개 및 환경설정
6 강
∙ 22분
[1-0] 강의 및 앱 소개
미리보기
03:20
[1-1] ReactNative CLI vs Expo
미리보기
02:26
[1-2] 맥-iOS 환경 설정
03:10
[1-3] 맥-Android 환경 설정
03:42
[1-4] 윈도우-Android 환경 설정
04:44
[1-5] 프로젝트 생성 및 ruby 에러 해결
05:01
섹션 2. React Native 기본과 네비게이션
7 강
∙ 44분
[2-0] 핵심 컴포넌트 및 스타일
07:48
[2-1] Flexbox 알아보기
03:57
[2-2] 이벤트 처리하기
02:14
[2-3] Stack Navigation
08:47
[2-4] 네비게이션 타이핑
04:40
[2-5] Drawer Navigation
08:20
[2-6] 스크린 구조 및 옵션 설정
08:28
섹션 3. 인증 기능 구현하기
11 강
∙ 2시간 5분
[3-0] Button 공통 컴포넌트 구현하기
18:47
[3-1] 홈 스크린 구현하기
04:14
[3-2] Input 공통 컴포넌트 구현하기
17:17
[3-3] 폼 로직 리팩토링 & 유효성 검증
12:44
[3-4] 회원가입 스크린 구현하기
05:32
[3-5] 폼 사용성 개선하기
10:10
[3-6] 앱 로그인 설계 & EncryptStorage 설치
미리보기
04:54
[3-7] 백엔드 서버 실행하기
05:08
[3-8] React Query 도입(1) - API 추가하기
10:22
[3-8] React Query 도입(2) - 로그인 연동하기
32:19
[3-9] 절대경로 설정하기
03:37
섹션 4. 지도 연동하기
6 강
∙ 1시간 28분
[4-0] GoogleMap 연동하기
11:32
[4-1] 현재 위치 연동하기
23:02
[4-2] 접근 권한 관리하기
24:28
[4-3] 아이콘 사용하기
미리보기
08:00
[4-4] Drawer 커스텀 스타일 적용하기
17:03
[4-5] GoogleMap 커스텀 스타일 적용하기
04:42
섹션 5. 장소 등록하기
12 강
∙ 2시간 28분
[5-0] 마커 표시하기
미리보기
04:21
[5-1] 커스텀 마커 컴포넌트 구현하기
11:52
[5-2] route로 param 전달하기
08:46
[5-3] 장소 등록하기(1) - 마크업
08:42
[5-3] 장소등록하기(2) - 헤더 버튼 추가하기
07:43
[5-3] 장소 등록하기(3) - invalidateQueries와 setQueryData
12:37
[5-3] 장소 등록하기(4) - 주소 조회 with Google API
21:16
[5-4] 장소 등록하기(5) - 날짜 선택 기능
15:57
[5-5] 장소 등록하기(6) - 이미지 업로드
23:08
[5-5] 장소 등록하기(7) - 이미지 삭제/변경
08:27
[5-6] 마커 Modal 구현하기
19:47
[5-7] 환경변수 설정하기
05:37
섹션 6. 피드 구현하기
11 강
∙ 2시간 42분
[6-0] 무한 스크롤 구현하기(1) - InfiniteQuery
08:22
[6-0] 무한 스크롤 구현하기(2) - FlatList
16:57
[6-1] 피드 상세 구현하기(1) - 마크업
21:14
[6-2] 피드 상세 구현하기(2) - 커스텀 BottomTab
12:48
[6-2] Zustand로 전역상태 관리하기
12:19
[6-3] 합성 컴포넌트 패턴 사용하기
19:10
[6-4] 장소 삭제하기
11:39
[6-4] 장소 수정하기
15:46
[6-5] 이미지 Carousel 만들기
20:20
[6-6] 즐겨찾기 기능 추가하기
06:57
[6-7] Bottom Tab Navigation
17:21
섹션 7. 캘린더 구현하기
6 강
∙ 1시간 4분
[7-0] 캘린더 구현하기(1)
16:49
[7-0] 캘린더 구현하기(2)
13:10
[7-1] 피드와 연동하기
12:49
[7-2] 년도 선택 기능 추가하기
14:24
[7-3] 현재 날짜로 이동하기
05:37
[7-4] 사용자 경험 개선하기
01:16
섹션 8. 앱 완성도 높이기
14 강
∙ 3시간 18분
[8-0] Toast 메세지 표시하기
07:17
[8-1] 주소 검색 기능 구현하기 with Kakao API (1)
11:52
[8-1] 주소 검색 기능 구현하기 with Kakao API (2)
14:51
[8-2] 카카오 로그인 구현하기 with WebView
20:45
[8-3] 애플 로그인 구현하기 (iOS)
11:59
[8-4] 설정 스크린 추가 / 로그아웃 문제 해결
13:20
[8-4] 프로필 기능 추가하기
21:29
[8-5] 회원 탈퇴 / 마커 카테고리 설정
26:35
[8-5] 다크모드 적용하기
16:44
[8-6] 범례 표시하기
12:46
[8-6] 마커 필터링하기
19:28
[8-7] Suspense / ErrorBoundary
09:08
[8-8] 스플래시 스크린 적용하기
09:48
[8-8] 앱 아이콘 적용하기
02:37
섹션 9. 배포 및 CodePush
3 강
∙ 23분
[9-0] iOS 스토어 배포하기
06:42
[9-1] Android 스토어 배포하기
04:58
[9-2] CodePush 설정하기
11:22
섹션 10. 백엔드 구현하기
14 강
∙ 2시간 18분
[10-0] NestJS + TypeORM 환경설정
미리보기
04:07
[10-1] 모듈이란?
09:45
[10-2] 게시글 모듈 구현하기(1) - 생성/조회
08:48
[10-3] 게시글 모듈 구현하기(2) - 삭제/수정
10:59
[10-4] 게시글 모듈 구현하기(3) - 마커 조회
03:04
[10-5] 유저 모듈 구현하기(1) - 회원가입/로그인
11:45
[10-6] 유저 모듈 구현하기(2) - 토큰 생성
15:50
[10-7] 유저 모듈 구현하기(3) - 관계 설정
07:05
[10-8] 유저 모듈 구현하기(4) - 프로필 설정
13:02
[10-9] 이미지 모듈 구현하기
14:20
[10-10] 즐겨찾기 모듈 구현하기
13:52
[10-11] 카카오 / 애플 로그인 구현하기
04:54
[10-12] AWS S3로 이미지 업로드하기
11:03
[10-13] 배포하기 (AWS EC2 + RDS)
10:05
섹션 11. 보너스 강의
3 강
∙ 8분
[B-0] 마커 클러스터링
02:32
[B-1] 라이브러리 직접 수정하기
03:01
[B-2] 이미지 성능 개선
02:54
강의 게시일 : 2024년 03월 25일
(마지막 업데이트일 : 2024년 05월 19일)
수강평
총 6개
수강생분들이 직접 작성하신 수강평입니다.
5
6개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
제일 친한 친구에게 소개팅은 정말 괜찮은 사람으로 소개해준다면
제일 친한 친구에게 RN은 무조건 이 강의를 소개시켜주고싶네요
장점
1) 질문하면 AI보다 더 빠르게 답변해주신다
2) 강의 챕터마다 깃헙에 올라와 있어서 참고하기가 너무 편하다
3) 목소리가 나긋하다....(살짝 성시경이라고 해야되나..ㄷㄷ)
3) 아직 수강중.. 추가 작성할 예정..
2024-05-01