Thumbnail
얼리버드 할인 중(D-10)
NEW
개발 · 프로그래밍 모바일 앱 개발

맛집 지도앱 만들기 (React Native + NestJS) 대시보드

(5)
4개의 수강평 ∙  114명의 수강생

30%

61,600원

88,000원
지식공유자: Kyo
총 96개 수업 (17시간 4분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[모바일 앱 개발, 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. 강의 자료
디자인 자료 (Figma)
ReadMe!
소스코드 자료
섹션 1. 강의소개 및 환경설정
[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 기본과 네비게이션
[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. 인증 기능 구현하기
[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. 지도 연동하기
[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. 장소 등록하기
[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. 피드 구현하기
[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. 캘린더 구현하기
[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. 앱 완성도 높이기
[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
[9-0] iOS 배포하기 06:42
[9-1] Android 배포하기 04:58
[9-2] CodePush 설정하기 11:22
섹션 10. 백엔드 구현하기
[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. 보너스 강의
[B-0] 마커 클러스터링 02:32
[B-1] 라이브러리 직접 수정하기 03:01
[B-2] 이미지 성능 개선 02:54
강의 게시일 : 2024년 03월 25일 (마지막 업데이트일 : 2024년 04월 09일)
수강평 총 4개
수강생분들이 직접 작성하신 수강평입니다.
5
4개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
타루 thumbnail
5
퀄리티가 좋아요!
2024-03-26
지식공유자 Kyo
수강평 남겨주셔서 감사합니다 :)
2024-03-28
pcd.oomco thumbnail
5
잘들어보겠습니다
2024-03-28
지식공유자 Kyo
수강평 남겨주셔서 감사합니다 :)
2024-03-28
성장하는 앨리스 thumbnail
5
강의 설명도 좋고 퀄리티가 대박이고 오류가 생겨 질문을 남기면 강사님께서 바로바로 답변해주셔서 너무너무 좋습니다 잘 학습해보겠습니다 👍👍👍
2024-04-09
지식공유자 Kyo
오타 제보도 해주시고 이렇게 수강평도 남겨주셔서 감사합니다 :) 설명과 퀄리티도 좋다고 해주셔서 좋네요!! 앞으로도 막히는 부분 있다면 언제든 알려주세요 👍👍
2024-04-09
yb thumbnail
5
잘 듣고있어용
2024-03-25
지식공유자 Kyo
수강평 남겨주셔서 감사합니다 :)
2024-03-28