![[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/332375/cover/01k3x8ecea6jym1d28qcc6zcds?f=avif&w=420)
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
Kyo
리액트 네이티브를 이용해서 나만의 맛집 기록앱을 개발하고 출시하는 과정을 배우게 됩니다. 디자인부터 프론트 및 백엔드 개발, 배포까지 전 과정을 준비했어요.
Intermediate
React Native, TypeScript, NestJS
BEST
아바타 커뮤니티앱 만들기 (React Native Expo)
리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.
먼저 경험한 수강생들의 후기
이런 걸 배울 수 있어요
React Native & Expo, TypeScript
React Query (Tanstack Query)
React Hook Form
PushNotification, EAS, Dayjs, i18n
1. Android, iOS 동시 개발
두 플랫폼을 함께 개발하며, 여러 플랫폼/화면에 따라 재사용 가능한 공통 컴포넌트를 개발해요. 플랫폼 간의 차이점과 대응 방법 또한 알려드려요.
2. Figma 디자인 시스템 제공
디자인은 고민할 필요 없어요! 색상/컴포넌트/스크린/이미지가 포함된 모든 프로덕트 디자인을 제공해요.
3. 집중도 높은 구성, 수업별 소스코드 제공
불필요한 내용을 줄이고 핵심만 담아, 수업당 평균 7.5분, 최대 16분의 짧고 집중하기 쉬운 구성으로 학습 효율을 높이도록 제작했습니다.
완성되어 있는 백엔드 소스코드뿐만 아니라 프로젝트 시작부터 끝까지 진행되는 모든 수업에 대해 진행되는 수업과 동일한 소스코드를 제공합니다. 수업 별로 첨부자료를 확인해 주세요.
이런 분들께
추천드려요
학습 대상은
누구일까요?
자바스크립트/리액트 기초를 학습해 보신 분
단순 게시판이 아닌, 완성도 있는 커뮤니티앱을 만들고 싶은분
선수 지식,
필요할까요?
JavaScript 기초 지식이 필요해요. ES6 문법은 알고 있어야해요.
React 기본 Hooks(useState, useEffect)는 알고 있어야해요.
1,837
명
수강생
135
개
수강평
315
개
답변
4.9
점
강의 평점
3
개
강의
커뮤니티 서비스 프론트엔드 개발자로 시작하여 현재는 모빌리티 서비스 풀스택 개발자로 일하고 있습니다.
인프런에서는 완성도 높은 프로덕트를 만들기 위한 강의를 하고 있습니다.
✉ inkyo.dev@gmail.com
커리큘럼
전체
80개 ∙ (8시간 25분)
해당 강의에서 제공:
수업자료
미션
강의 게시일:
마지막 업데이트일:
수강평
전체
45개
4.9
45개의 수강평
사당동수강평 1
∙
평균 평점 5.0
수정됨
5
100% 수강 후 작성회사에서 급하게 RN을 사용해야 하는 상황이었고, 마침 강의가 30% 할인 중이라 미리보기 강의를 들어봤습니다. 강사님이 코드를 신경 쓰시는 분이라는 느낌이 들어 수강을 결정했습니다. 공식 문서를 참고하면서 개발할 수도 있지만, 좀 빠르게 앱은 어떤식으로 개발하는지 궁금하였습니다. 총 3일 동안 강의를 완강했습니다. 강의 장점 배울 것이 정말 많습니다. 단순히 기능 구현에 그치지 않고, 강사님이 의도적으로 다양한 기능을 추가하면서 학습할 수 있도록 구성되어 있습니다. 실무에서 바로 활용할 수 있는 기술들을 다룹니다. (Form 다루는 방법 및 유효성 검사, react-query 사용법, 컴포넌트 분리 및 재사용성 고려, 일관성 있는 코드 스타일 등) 프로덕트 개발 과정을 직접 경험할 수 있습니다. 단순한 예제 수준이 아니라, 실무에서의 개발 흐름을 익힐 수 있었습니다. 컷 편집으로 불필요한 부분을 줄여 좋았습니다. 강의에서 제공하는 코드를 배우고, 그리고 코드를 개선하면서 자기것으로 만들면 분명 큰 도움이 될 것이라고 생각합니다. 추천 대상 React와 CSS에 대한 기본적인 이해가 있는 분 실전 개발 경험을 원하는 분 사수 없이 실무를 익혀야 하는 2년 차 이하 개발자 또는 취업 준비생 React 경험이 전혀 없는 분들에게는 다소 어려울 수도 있으므로, 기본 개념을 익힌 후 수강하는 것을 추천합니다.
- Kyo지식공유자
빠르게 완강하셨는데 많은 도움이 된 것 같아서 좋네요. 기능들과 컴포넌트부터 코드 일관성, 심지어 편집까지 제가 많은 시간 동안 신경썼던 세세한 부분들을 알아주셔서 놀랐습니다. 좋은 수강평 남겨주셔서 감사합니다!
- 주현
수강평 3
∙
평균 평점 5.0
수정됨
5
47% 수강 후 작성✔️강의를 선택한 이유 디블리셔로 프론트쪽 공부하던 중 프로덕트(앱) 출시가 욕심이 났고 1인 개발자로 거듭나고 싶었습니다..! 언어 선택 고민하다가 리액트를 써봤어서(초급이지만) 리액트 네이티브로 만들기로 결정했습니다 ㅎㅎ 그렇게 네이티브 강의를 찾아 삼만리하던중 인프런에 새로운 강의 오픈! 할인 이벤트를 보고 수강을 결정했습니다. 리액트 네이티브 강의가 별로 없는데 강의 오픈해주셔서 감사합니다.😊 ✔️강의 장점 expo로 앱 개발 하는 가장 편하고 쉬운 방법을 알려주십니다. 편리한 라이브러리 사용법과 어떨때 이런 라이브러리를 쓰면 좋을지 잘 알려주십니다.! 프론트 뿐 아니라 백엔드 소스 제공을 해주셔서 실제로 디비 연동까지 확인해볼 수 있습니다. 강의를 수강하면 완전한 프로덕트를 볼 수 있을거 같아요..! ✔️강의를 추천하는 분 백엔드 프론트엔드에 대한 기본 지식이 있고 expo로 간단히 앱 만들어보실 분께 추천드립니다. 다른곳에서 네이티브 강의들을때 보다 확실히 expo가 엄청 간단히 앱을 만들 수 있더라구요..! But...!! 전 백엔드에 무지하고 리액트 초급에 개발자가 아니라 그런지...서버 연동부분부터 (5챕터부터) 엄청 버벅거리기 시작...하루종일 붙잡아도 해결이 되지 않아 우선 중도하차합니다😭 가끔 밥아저씨처럼 뚝딱 되는거 같은데 저는 이해가 어렵네요 ㅠㅠ... 조금 더 초급 버전의 여러 강의를 듣고 expo로 실제 앱을 만들어볼때 다시 듣기로 했습니다. 하지만 이건 제가 똥멍충이라 그런거고...강의 자체는 추천 드립니다!!👍
- Kyo지식공유자
상세한 수강 후기 남겨주셔서 감사합니다!
강의 듣고 개인 앱 출시까지 완료 했습니다~ expo로 만드느라 제약이 좀 많고 라이브러리 충돌도 나긴 했지만 쉽게 만들 수 있는 도구는 맞습니다 만든 앱은 https://play.google.com/store/apps/details?id=com.badanang.CampWeather 입니다 Kyo님 덕분에 디자이너인데두 앱을 출시 할 수 있어서 너무 감사합니다 ㅠㅠ!
- Kyo지식공유자
와 디자이너이신데 출시까지하셨다니 대단하시네요!! 저도 사용해볼게요! 어려움이 있으셨지만 끝까지 강의 수강해주셔서 감사드립니다 👍
- suzie6087
수강평 1
∙
평균 평점 5.0
- Sun Woong Moon
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성강의를 수강하기 위해선 리액트 기본 지식이 있어야 하네요. 리액트 기본 지식이 있다는 전제하에 강의는 이해하기 쉽고 따라가는데 크게 힘들지 않았습니다. RN + Expo 입문하는데 큰 도움이 되었습니다.
- Kyo지식공유자
모든 수업을 수강하셨네요! 좋은 수강후기 감사드립니다.
월 ₩15,400
5개월 할부 시
₩77,000
![[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스Course Thumbnail](https://cdn.inflearn.com/public/courses/335397/cover/133267ea-9728-4642-927e-74a76eaac4c3/335397.png?f=avif&w=420)
![[풀스택 완성] Supabase로 웹사이트 3개 클론하기 (Next.js 14)Course Thumbnail](https://cdn.inflearn.com/public/courses/332907/cover/2975d3d7-5dcc-4e2a-977c-98b11134cfb6/332907.jpg?f=avif&w=420)
![자바스크립트부터 리액트까지 [PART2/4] 포기없는 리액트로 가는 길Course Thumbnail](https://cdn.inflearn.com/public/courses/335780/cover/a1e69ed1-63ad-4f4b-b3f2-fb44374699bd/335780.png?f=avif&w=420)
