[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

Name: [2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스
Price: 22000 KRW
Rating: 2.9 (8 reviews)

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 4개를 만들어보면서 앱 개발을 마스터해봅시다!

(2.9) 수강평 8개

수강생 122명

IT Share

실습 중심

JavaScript React Node.js React Native TypeScript

수강 후 이런걸 얻을 수 있어요

실무 100% 활용 리액트 네이티브 문법
리액트 실전 문법
효율적 개발에 최적화된 개발 환경 설정
Api를 통해 외부 정보를 가져오기
실제 앱에서 자주 쓰이는 실전적인 스킬 100여개 이상
로그인 기능 구현

[2024] React Native로 앱 개발 입문부터 마스터까지

22,000₩, 시간당 1600원대

✅실제 프로젝트를 만들면서 배우는 실전강의

🔺기초적인 부분마저 지속적으로 상기시켜 뇌에 바로 저장되는 강의

💡WHY, WHEN을 확실히 알려주는 강의

📔전체 코드를 반드시 제공하는 강의

🪜기본기부터 확실히 마스터하는 체계적 강의

📚기초적인 이해부터 들어가는 설명을 하는 강의

👌시간당 1600원대, 치킨 한마리 값으로 강의 평생 소장

P3. 날씨 앱

ㅣ 학습 스킬

GeoLocation
API 요청
카드 스타일링
Linking
Swiper
Map
useEffect
비동기 처리
Image

ㅣ Detail

사용자의 위치의 날씨 표시
API 요청 시 필요한 데이터를 사용자에게서 획득
API 요청 결과에서 필요한 데이터만 골라 표시
useEffect 훅을 활용하여 가장 빠르게 API부터 요청
더 알아보기 버튼을 통해 사용자의 상호작용 유도

ㅣ 의의

실용적인 앱 주제
사용자를 중심으로 작동하는 앱
유용한 라이브러리인 Swiper 사용법 습득

P4. 코인 앱

ㅣ 학습 스킬

React Navigation
- Bottom Tabs Navigation
- Native Stack Navigation
상태 관리
- Redux
  - react-redux
  - redux-persist
- MMKV
Image 심화
구글 로그인
- 프로필 사진, 이름, 이메일 정보 표시
- 로그인 여부 체크
카드 뱃지

ㅣ Details

API 완벽 활용
각종 컴포넌트에 있는 외부 사이트 링크
완벽한 카드 컴포넌트 스타일링
검색 기능

ㅣ 의의

어려운 난이도의 개발을 통해 확실한 실력 향상
실무적인 스킬을 확실하게 잡고 가는 프로젝트

선수지식 및 유의사항⚠

이 강의는 React의 기본적인 문법들과 React Native를 배우는 강의입니다. React를 알고 계시면 강의를 수월하게 들으실 수 있으나, React를 모르셔도 문제없이 강의를 들으실 수 있습니다.
이 강의는 2024년 12월~2025년 1월에 기획하고 녹화하였습니다.
이 강의는 여러분들의 수강평 및 React Native 버전 업데이트에 따라 꾸준히 업데이트됩니다.
실습하면서 강의를 들어주시면 감사하겠습니다.
본 강의는 질의응답을 지원하며, 커뮤니티에 궁금한 것을 질문해주시면 됩니다.
본 강의는 오직 강의를 결제한 수강자 본인만 수강해야만 하며,
공유 및 2차 창작은 금지입니다.
본 강의는 Windows(Android) 환경을 사용합니다.
macOS(iOS) 환경에서도 충분히 실습 가능합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

아이디어를 직접 앱으로 만들고 싶으신 분들
앱 개발 분야에 뛰어들고 싶으신 분들
나만의 앱을 만들어보고 싶으신 분들
앱 개발자로 취업하고 싶으신 분들
앱 개발을 빠르게 배워서 사이드 프로젝트를 만들고 싶으신 분들
앱 개발 분야에 관심이 있으셨던 분들

선수 지식,
필요할까요?

React.js (선택)
Javascript (선택)

안녕하세요
입니다.

32,802

명

수강생

개

수강평

4.7

점

강의 평점

개

강의

IT Share 는 IT 직무의 모든것을 알려주는 전문가 집단 입니다.

커리큘럼

전체

119개 ∙ (13시간 26분)

해당 강의에서 제공:

수업자료

섹션 1. 인트로

1개 ∙ (5분)

1. 강의 소개
05:56

섹션 2. React Native

3개 ∙ (31분)

2. 5분만에 알아보는 React Native
05:23
3. [VS] 바로보는 React Native VS Flutter
05:49
4. 필수 기본 개념
20:23

섹션 3. 시작하기

5개 ∙ (1시간 40분)

5. [Windows] 개발 환경 구성
18:26
6. [macOS] 개발 환경 설정
12:40
7. React Native 시작하기
15:40
8. 프로젝트 구조 이해
13:07
9. [Special] 카운터 앱 만들기
40:45

섹션 4. 계산기 앱 개발

8개 ∙ (1시간 6분)

섹션 5. 번역 앱 개발

9개 ∙ (50분)

섹션 6. 날씨 앱 개발

19개 ∙ (2시간 7분)

섹션 7. 코인 앱 개발 - Part 1

45개 ∙ (4시간 3분)

섹션 8. Speacial. Redux 카운터 앱 개발

9개 ∙ (1시간 11분)

섹션 9. 코인 앱 개발 - Part 2

9개 ∙ (1시간 5분)

섹션 10. 코인 앱 개발 - Part 3 (부록)

3개 ∙ (17분)

섹션 11. 강의를 마치며

8개 ∙ (26분)

강의 게시일:

마지막 업데이트일:

수강평

전체

8개

2.9

8개의 수강평

권동현
수강평 1
∙
평균 평점 5.0
5
52% 수강 후 작성
영상 전체적으로 검수좀 다시해주세요.. 편집 이상한 부분 너무 많고 중간에 설명 없이 갑자기 코드가 추가되는 부분도 너무 많아요.
- 정현우
  지식공유자
  안녕하세요, 지식공유자 정현우입니다. 댓글 작성 전 일단 영상 검토에 있어 미숙했던 점 진심으로 사과드립니다. 강의를 전체적으로 검토해보았을 때, 영상 편집 부분에 있어서 수강생분들의 빠른 수강에 중점을 두어 이른바 영상 컷편집의 실수가 잦은 부분이 있었던 것 같습니다. 이에 대해 정말 진심으로 사과드리는 바이고, 9월 이내 영상 전체 재검토 후 안정성 있는 영상을 위한 재편집 및 영상 내에 변화에 대한 모든 설명을 추가하여 강의를 수정할 계획입니다. 수강생님에게 있어서 부족한 강의를 내보낸 점에 대해 사과드립니다, 또한 부족한 강의임에도 불구하고 높은 평점을 주신 점에 매우 감사함을 표하고 싶습니다. 9월 이내로 빠른 시일 내에 강의를 수정하도록 하겠습니다. 감사합니다.
문대주
수강평 6
∙
평균 평점 4.8
5
100% 수강 후 작성
감사합니다.
- 정현우
  지식공유자
  완강 축하드리고 소중한 수강평 너무 감사드립니다ㅎㅎ🙇‍♂️
David
수강평 1
∙
평균 평점 4.0
4
32% 수강 후 작성
- 정현우
  지식공유자
  안녕하세요, David 수강생님! 리뉴얼 이후 강의에 대해 좋은 평점을 남겨주셔서 너무 감사드립니다. 강의 꼭 끝까지 수강해 주시면 감사하겠습니다 :)
chanmi0505
수강평 6
∙
평균 평점 5.0
5
31% 수강 후 작성
nanyahoo
수강평 9
∙
평균 평점 4.3
1
83% 수강 후 작성
먼저 강의자 보다는 훨씬 미치지 못 하는 실력이기 때문에 강의를 우선 정독보다는 전체 강의를 퀵하게 이동도 하며 훑어보았습니다. 강의자에게는 싫은 부분이 되겠지만 모르는 사람 입장에서 말씀드려 보겠습니다. 1. 강의 소리에 문제가 있습니다. 2.화질은 그렇게 문제가 되지 않지만 react를 완전히 모르진 않치만 레퍼런스 프로젝트가 없고 또한 react native를 이번에 처음보는 사람으로서 따라 가기가 쉽지 않네요. 강의가 중간중간 뛰어 넘는 부분이 있습니다. 물론 저가 이해를 하지 못해서 그런 부분일수도 있지만 앞강의와 뒷강의 사이에 녹화되지 않는 부분이 분명있습니다. 그리고 강의도중에 obs 툴 체인지가 너무 많이 나오네요. 3.혼자서 하는 강의로 느껴 졌습니다. 시간이 촉박하셔서 그런것인지는 모르겠지만 보는이를 이해시키기 보다는 앞으로 진도 빼는 듯한 느낌을 받아서 조금 아쉽습니다. 결론적으로~ 얻은 부분은 react native가 이렇게 생겼구나 하는 것을 알게 되었습니다. 그리고 모바일앱들이 이런 것들을 사용하는 구나 하는 부분도 알게되었습니다. 후에 아~ 그때 그 강의에서 이런것을 보았는데 할 때 참고가 될 것 같습니다. 감사합니다.
- 정현우
  지식공유자
  안녕하세요 nannyahoo님, 지식공유자 정현우입니다. 먼저 라이브러리 폐지로 인해 강의 리뉴얼 중 귀한 시간 내주셔서 아직 리뉴얼되지 않은 몇몇 강의까지 들어주시고 소중한 비판의 말씀 주셔서 진심으로 감사드리고 사죄드립니다. 디테일을 완벽하게 신경을 못 써드렸던 강의가 있었던 점에 진심으로 사과드리고, 틀린 말씀 해주신 것도 아니신게, 너무 성급하게 진도를 다뤘던 리뉴얼 이전 강의들이 잇고, 또 성급한 편집이 있었뎐 리뉴얼 이전 강의들도 있었습니다. 하지만 이번 리뉴얼 강의에서는 말씀해주신 문제 부분도 완벽히 개선된 강의입니다. 강의 리뉴얼은 이번주 일요일인 "9/22"에 완료될 예정이니, 참고 부탁드리면 감사하겠습니다. 만족스런 강의 제공 못해드려 송구스럽고 더 나은 리뉴얼 강의로 찾아뵙겠습니다.

IT Share님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

실무 중심! FE 입문자를 위한 React

IT Share

강의를 모두 듣고 나면, 스스로 하나의 웹서비스를 개발할 수 있는 역량을 갖게 됩니다.

Basic

React, Node.js, Redux

실무 중심! FE 입문자를 위한 React

IT Share

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

Basic

React Native, React, ES6

iOS/Android 앱 개발을 위한 실전 React Native - Basic

Wintho

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

React Native 기반 모바일 앱 개발을 위한 중급 강의입니다. 프론트엔드의 심화내용 학습 뿐만 아니라 Firebase 기반의 백엔드 내용까지 함께 배우면서, 서버 연동/ 로그인/ 데이터 송수신/ 공공API 활용 등이 가능한 하나의 완벽한 앱을 개발할 수 있도록 제작된 강의입니다.

Intermediate

React Native, Redux, Firebase

iOS/Android 앱 개발을 위한 실전 React Native - Intermediate

Wintho

배달앱 클론코딩 [with React Native]

제로초(조현영)

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

Intermediate

React Native

배달앱 클론코딩 [with React Native]

제로초(조현영)

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

🔥 한자 학습을 위한 맞춤형 플랫폼 구축! Google Gemini AI와 Firestore를 활용해 나만의 한자 단어장, 획순 애니메이션, 필기 인식까지 직접 구현해보세요!

Basic

gemini, HTML/CSS, TailwindCSS

Firebase 시리즈 #2: AI 한자 추천 & 필기 학습 플랫폼

닭강정

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

Intermediate

클론코딩, React, TypeScript

Slack 클론 코딩[실시간 채팅 with React]

제로초(조현영)

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.2

유용한IT학습

자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

Intermediate

JavaScript, ES6

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.2

유용한IT학습

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

Basic

HTML/CSS, JavaScript, Django

<M.B.I.T> 테스트 페이지 만들기! with Django

제주코딩베이스캠프

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

실무 프론트/백엔드 개발 이전에 꼭 알아야 할, Node.js의 핵심 원리와 실전 기술을 담았습니다.

Basic

Node.js

얄코의 가장 쉬운 Node.js

얄팍한 코딩사전

클린업 JavaScript: 베이스 빌드업!

김영보

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

Basic

JavaScript, 면접, 기술면접

클린업 JavaScript: 베이스 빌드업!

김영보

윤재성의 처음시작하는 JavaScript Tutorials

소프트캠퍼스

JavaScript 언어에 대한 개요, 기초 문법, 제공 라이브러리까지 JavaScript에 대한 전반적인 내용을 학습할 수 있습니다.

Beginner

JavaScript

윤재성의 처음시작하는 JavaScript Tutorials

소프트캠퍼스

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

Basic

JavaScript, Node.js, Express

Building a Server Framework from Scratch: Cloning the Express.js Engine

nhcodingstudio

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

Basic

인터랙티브 웹, JavaScript, HTML/CSS

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

깡코딩

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

코드팩토리

이 강의 하나만으로 인기 Javascript 프레임워크들과 Typescript를 배울 수 있는 기본을 다질 수 있습니다.

Beginner

JavaScript

[코드팩토리] [입문] 9시간만에 끝내는 코드팩토리의 Javascript 무료 풀코스

코드팩토리

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

Basic

HTML/CSS, JavaScript, 클론코딩

모바일, 태블릿, pc 반응형 인스타그램 클론코딩

더코딩클럽

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

Basic

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

GraphQL: REST API를 대체할 기술

Burger

GraphQL의 프론트엔드와 백엔드를 한번에 배울 수 있는 기회

Basic

GraphQL, Spring Boot, Node.js

GraphQL: REST API를 대체할 기술

Burger

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

빠른 실행과 검증의 시대, 바이브 코딩으로 누구보다 빠르게 실행하세요! 광고, 결제 등 수익화까지 빼놓지 않고 내 손으로 이루어 보세요.

Beginner

React, 웹앱, Next.js

제로베이스부터 배우는 웹개발의 개념과 바이브 코딩

신제용

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

Intermediate

React, Next.js, cursor

[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)

코드캠프

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

Beginner

React, React Native, react.js

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

Basic

HTML/CSS, JavaScript, jQuery

아직도 살아 있는 불사의 jQuery - 기초 부터 실무까지

이지웹

[2025] 비전공자도 가능한 React Native 앱 개발 마스터클래스

수강 후 이런걸 얻을 수 있어요

[2025] [UPDATE] 비전공자도 가능한 React Native 앱 개발 마스터클래스

[NEW!] 2월 신규 강의 전체 리뉴얼

현업에서 사용되는 기술만을 채택해 강의를 구성했습니다.

무려 13시간의 러닝타임으로 여러분들을 앱 개발자로 만들어 드리겠습니다.

아직도 이론 중심 강의를 들으시나요?

5년동안 앱 개발만 한 앱개발자가 실전 노하우를 알려드립니다.

어떤 분들이 수강하면 좋을까요?🤔

·💡아이디어는 있지만 앱으로 만들기는 어려우신 분들

·📱앱 개발 분야에 뛰어들고 싶으신 분들

·📱나만의 앱을 만들어보고 싶으신 분들

·🧑‍💼앱 개발자로 취업하고 싶으신 분들

·💻앱 개발을 빠르게 배워서 사이드 프로젝트를 만들고 싶으신 분들

·💭앱 개발 분야에 관심이 있으셨던 모든 분들

·💸나만의 앱서비스를 개발해 수익화를 원하시는 분들

왜 React Native를 사용하는 건가요?

POINT 1 1,000개 이상 대기업들의 채택

POINT 2 크로스 플랫폼 개발의 혁신

POINT 3 강력한 커뮤니티와 생태계

POINT 4 빠른 개발과 핫 리로딩

POINT 5 네이티브 성능과 사용자 경험

강의를 듣고 나면...💭

· 👨‍💻React Native를 상황에 맞춰 능숙하게 다룰 수 있습니다.

· 📱나만의 아이디어를 앱으로 개발해낼 수 있습니다.

· 👀내가 원하는 앱의 기능을 개발해낼 수 있습니다.

· 👥다른 언어도 React Native를 통해 배운 것들을 연관지어 빠르게 배울 수 있습니다.

· 💨대기업 수준의 앱 및 앱 기능 아이디어는 바로바로 구현해 낼 수 있게 됩니다.

이 강의의 특징은?⭐

실습 위주의 강의🏃‍➡

실전에 충실한 강의🤺

입문자 초점에 맞춘 강의🧑‍🎓

이 강의를 들어야 하는 이유는?

인프런 타 강의

30,000₩ 이상

VS

[2024] React Native로 앱 개발 입문부터 마스터까지

22,000₩, 시간당 1600원대

이 강의는 어떻게 구성되어 있나요? ✏

섹션 1. INTRO

약 5분

✯✩✩✩✩섹션 2. REACT NATIVE

약 31분

✯✯✩✩✩섹션 3. 시작하기

약 1시간 40분

✯✯✯✩✩섹션 4. 계산기 앱

약 1시간 6분

🧑‍💻 개발

🎨 스타일링

✯✯✩✩✩섹션 5. 번역 앱

약 50분

🧑‍💻 개발

🎨 스타일링

✯✯✯✯✩섹션 6. 날씨 앱

약 2시간 4분

개발

스타일링

✯✯✯✯✯

섹션 7 • 9 • 10. 코인 앱

약 5시간 25분

개발

스타일링

상태관리

로그인

[특별 부록] 배포

✯✯✯✩✩

섹션 8. Special. Redux 카운터 앱 개발

약 1시간 11분

학습 스킬

섹션 11. 강의를 마치며

약 26분

이 강의를 듣고 나면 이런 결과물을 만들 수 있어요🖼

P1. 계산기 앱

ㅣ 학습 스킬

ㅣ Detail

ㅣ 의의

P2. 번역 앱

ㅣ 학습 스킬

ㅣ Detail

ㅣ 의의

✯✩✩✩✩
섹션 2. REACT NATIVE

✯✯✩✩✩
섹션 3. 시작하기

✯✯✯✩✩
섹션 4. 계산기 앱

✯✯✩✩✩
섹션 5. 번역 앱

✯✯✯✯✩
섹션 6. 날씨 앱

이런 분들께
추천드려요

안녕하세요
입니다.