강의

멘토링

커뮤니티

Programming

/

Mobile Application Development

[2025] React Native App Development Masterclass for Non-majors

For those who had ideas but didn't know how to develop an app, Let's master app development by creating 4 practical projects!

(2.9) 8 reviews

122 learners

  • IT Share
실습 중심
JavaScript
React
Node.js
React Native
TypeScript

What you will gain after the course

  • 100% Practical React Native Syntax

  • Practical React Syntax

  • Setting up a development environment optimized for efficient development

  • Get external data via API

  • Over 100 practical skills frequently used in real apps

  • Implement login functionality

[2025] [UPDATE] React Native App Development Masterclass for Non-Majors

[NEW!] New lectures for February, all renewed

A I'm back with a new lecture.

Filmed in December / Edited in January
Check out the 100% new and reborn lectures right now.

The lectures were organized by adopting only technologies used in the field.

With a running time of a whopping 13 hours, we'll turn you into an app developer.

Are you still taking theory-oriented lectures?

An app developer with 5 years of experience developing apps will share his practical know-how .

Who should take this course? 🤔

· 💡 People who have ideas but have difficulty making them into apps

· 📱 For those who want to jump into the app development field

· 📱 For those who want to create their own app

· 🧑‍💼 Those who want to get a job as an app developer

· 💻 For those who want to learn app development quickly and create a side project

· 💭 Anyone interested in app development

· 💸 Those who want to develop their own app service and monetize it

Why use React Native?

Here are some of the biggest reasons to use React Native.

POINT 1 Adoption by over 1,000 large companies

🏢 React Native used by over 1,000 major companies around the world, including ToX, BaeX, Minjok, and Instagram

POINT 2 Innovation in Cross-Platform Development

| What is cross-platform? Technology that allows development of both Android and iOS with one code

🔯 Cross-platform React Native => Fastest and easiest way to develop for both OSes

POINT 3 Strong community and ecosystem

🕸 Over 10,000 active developers on Github and Stack Overflow

🔭 Support from a large community => Various updated plugins and features

POINT 4 Rapid development and hot reloading

🔥 Exclusive hot reloading feature: See changes instantly whenever you modify code during development

🛠 Useful for MVP (Minimum Viable Product)

POINT 5 Native Performance and User Experience

🔧 Use native components => Excellent performance

🔗 Code written in JS interacts directly with native APIs => No performance degradation

Excellent performance in animation and gesture processing => Smooth user experience

After attending the lecture... 💭

· 👨‍💻 You can handle React Native skillfully according to the situation .

· 📱 You can develop your own ideas into an app.

· 👀 I can develop the features of the app I want.

· 👥 You can quickly learn other languages by associating what you learned with React Native .

· 💨 Enterprise-level app and app feature ideas can be implemented immediately.

What are the features of this course?

Practice-oriented lectures 🏃 ‍ ➡

Rather than a class that focuses on abstract theories that only catch clouds, students learn while developing actual projects .
The lectures are structured as practice-oriented classes .

A lecture faithful to the actual situation 🤺

If the lecture only tells you, "If you do this, this will happen," then even if it is a practice-oriented class, it is useless.
Where should it be used in practice? Which functions are most commonly used in real apps?
We will inform you so that you can use it 100% in practice.

Beginner-focused lectures 🧑‍🎓

This course teaches you countless practical skills in React Native, but
The course difficulty level is beginner level . In this way, the students will learn about the field of app development.
We will explain the concepts clearly so that even if you have no idea , you can understand all the concepts.

Why should I take this course?

I compared this course with other courses on Inflearn.

Inflearn other courses

Over 30,000₩

Theory lectures that only study abstract concepts

🔻 The more I listen to this lecture, the less I understand it

🚫 A lecture that doesn't tell you why and in what situations to use it

Courses that do not provide full code

Lectures with unsystematic experimental structure

📃 Lectures with insufficient explanations

💸 Basic tuition fee exceeds 30,000 won

V S

[2024] From Beginner to Master of App Development with React Native

22,000₩, 1600₩ per hour

Practical lectures where you learn while creating actual projects

🔺 A lecture that continuously reminds you of even the basic parts so that they are stored directly in your brain

💡 A lecture that clearly explains WHY and WHEN

📔 Courses that provide full code

🪜 Systematic method to master the basics lecture

📚 A lecture that explains from the basic understanding

👌 1,600 won per hour, a lifetime of lectures for the price of a chicken

How is this course structured?

I briefly introduced the lectures by section.

Section 1. INTRO

About 5 minutes

- Preview section
- Description of lecture structure

✯✩✩✩✩
Section 2. REACT NATIVE

About 31 minutes

- Preview section
- Explanation of basic coding knowledge such as variables and functions
- Take a look at React Native

✯✯✩✩✩
Section 3. Getting Started

About 1 hour and 40 minutes

- Configuring the development environment
- How to build an app
- Take a look at React Native's basic components

✯✯✯✩✩
Section 4. Calculator App

About 1 hour and 6 minutes

🧑‍💻 Development


🍌 JavaScript Basics

🏃‍➡️ Getting started with Node.js create-expo-app

🗂 Understanding file structure

🧐 Basic components such as Text, View, etc.

🔘 TouchableOpacity button

💡 onPress & function linking

🔐 Advanced use of useState

🤼‍♂ Perfect use of useState default value

🤔 useState & if statement linkage

🫗 Understanding null

🎛 Utilizing parameters

🔄️ Implementing value initialization

📚 Array creation & map linking

🎨 Styling


React Native Basic Styling

💅 Styled components

📕 15+ basic styles

Core sorting syntax

🔨 UI enhancement using styles

✯✯✩✩✩
Section 5. Translation App

About 50 minutes

🧑‍💻 Development


🟦 TypeScript Basics

🏃‍➡️ Getting started with community cli

🪛 Introducing external libraries

👇 React Native Picker

input component

Save user input

📚 Create a list variable

Variables of boolean type

🪬 Using logical operator (&&)

Using the map function

🟰 Prevent same-language translations (ternary operator)

🎨 Styling


🔲 Modern card styling

💅 Styled components

Core sorting syntax

🔨 UI enhancement using styles

🫸 Margin Basic Styling

✯✯✯✯✩
Section 6. Weather App

About 2 hours and 4 minutes

development


🟦 TypeScript Advanced

🪛 Introduction of external API + API concept

🔧 Fetch VS Axios

🛑 Node.js Concepts

🚩 Request user location permission

🗺 User Location Weather

📷 Image component

🪧 API & RN swiper integration

🛡 Data Validation (Ternary Operator)

🔗 Add Linking button

🌟 useEffect API request

Styling


🔲 Modern card styling

💅 Styled components

Core sorting syntax

🔨 UI enhancement using styles

🫸 Margin Basic Styling

🪂 padding basic styling

🔘 Card Button Styling

✯✯✯✯✯

Section 7 • 9 • 10. Coin App

About 5 hours and 25 minutes

development


🟦 TypeScript Master

📇 Create your own component and use it

📚 map function & API integration

Preview (before loading) component

🔗 Linking & React Native Vector Icons

🔖 Show conditional data validity icon/badge

🏃‍➡️ Move to the registration screen of Bottom Tabs through useNavigation

🪧 Create a card badge

📜 Connecting vertical ScrollView & horizontal FlatList

🔍 Implementing search functionality via search API

Styling


🔲 Advanced card styling

💅 Styled components

Core sorting syntax

🔨 UI enhancement using styles

🔍 Search box styling

🧱 Styling dividers with borderBottom

Set appropriate fontWeight

👤 Trendy profile tab styling

🔗 Practice styling with sensible tab shortcuts

State Management


📖 Complete understanding of Redux's structure

📜 Efficient basic framework composition

🔧 Efficient use of Slice components

🫙 Practice saving state with redux-persist

🔌 redux-persist & MMKV integration practice

State management using only MMKV & Redux

log in


🔗 Self-developed login button

Implementation of responses to various errors

🫙 Save user information when logging in

🔌 Passing saved user information

👤 Display transferred user information in the profile tab

🌉 Screen display depending on whether logged in or not

[Special Appendix] Distribution


🤖 Android deployment process

🍎 iOS deployment process

🐈‍⬛ Github deployment process

✯✯✯✩✩

Section 8. Special. Redux Counter App Development

About 1 hour and 11 minutes

Learning Skills

Redux from basics to advanced

React-Redux

Redux-persist

React Native MMKV

Section 11. Concluding the Lecture

About 26 minutes

Finally, this is a section where we look back on what we have learned together as we conclude this lecture.

[Appendix] For those of you who are wondering which path to take after taking this course, we have prepared a Tech Tree series.

After taking this course, you will be able to create results like this 🖼

Calculator app screen

P1. Calculator App

| Learning Skills

  • Create Array

  • map function

  • useState

  • switch

  • Self-developed function

  • Basic Components

ㅣ Detail

  • Initialization logic

  • Implementing the four basic operations

  • Feel of basic styling

  • Supplementary work to prevent component displacement, etc.

ㅣ Meaning

  • Learn the basics of development & styling most efficiently


  • After presenting various problems that occurred during the development process, we improved them.

  • Implementing logic using basic JS skills

Translation app screen

P2. Translation app

| Learning Skills

  • Picker

  • Card Component

  • Array & Map

  • TextInput

  • How to use external libraries

  • Ternary operator

ㅣ Detail

  • Understanding the structure of the library you want to use

  • Tracking user input

  • Complete prevention of same language selection

  • Styling using margin and padding appropriately

ㅣ Meaning

  • User Interaction

  • Practical App Topics

  • Development that can 100% reflect the developer's intention

  • The most frequently used Card design in UI

Weather app screen

P3. Weather App

| Learning Skills

  • GeoLocation

  • API Request

  • Card styling

  • Linking

  • Swiper

  • Map

  • useEffect

  • Asynchronous processing

  • Image

ㅣ Detail

  • Show weather at your location


  • Obtaining required data from users when making API requests

  • Select and display only the data you need from the API request results

  • Use the useEffect hook to request the API as quickly as possible

  • Encourage user interaction with Learn More buttons

ㅣ Meaning

  • Practical App Topics

  • Apps that work with the user at the center

  • Learn how to use Swiper, a useful library


Coin app screen

P4. Coin App

| Learning Skills

ㅣ Details

  • Full use of API

  • External site links in various components

  • Perfect card component styling

  • Search function

ㅣ Meaning

  • A solid improvement in skills through development at difficult levels of difficulty

  • A project that will solidify your practical skills

FAQ

#1. Can someone who knows nothing about coding take the course?

Yes, you can. This course is not focused on React Native in depth, but rather teaches basic programming knowledge in an easy-to-understand manner, so even beginners can take the course without much difficulty, and those who have studied coding at least a little will be able to take the course easily.

#2. Should I study React.js in advance and take the course?

No. React Native is a framework based on React, so the lecture includes an explanation of the basic grammar of React. Even if you don't know React at all, you can learn React and React Native through this lecture.

#3. Will this course be updated?

Yes, it will be updated.
The lectures will continue to be updated due to library closures, lecture issues, etc!

Last updated: 2025-02-27

Notes before taking the class 🧳

The course will be conducted in a Windows 11 Home environment.
Even if you are using macOS, you can take the lecture without any problems.

Practice Environment 🪓

  • Operating System and Version (OS): Windows 7 or later / macOS 10 or later / Linux

  • Tools used: Android Emulator, Android Studio, VSCode, Node.js, JDK

  • Storage space required: At least 50GB

Learning Materials 📜

  • There are important materials at the bottom of each lecture! If there are development terms that are omitted from the lecture or if you need code, etc., please refer to the bottom of the lecture.


Player Knowledge and Precautions

  • This course is about learning the basic grammar of React and React Native. If you know React, you can easily take the course, but even if you don't know React, you can take the course without any problems.

  • This course was planned and recorded in December 2024 - January 2025.

  • This course will be updated regularly based on your reviews and React Native version updates.


  • I would appreciate it if you could listen to the lecture while doing the practical training.

  • This course supports Q&A, so you can ask the community any questions you have.


  • This course can only be taken by students who have paid for the course.

    Sharing and derivative works are prohibited.

  • This course uses the Windows (Android) environment.

  • You can also practice sufficiently in a macOS (iOS) environment.

Invest 13 hours and become a full-fledged app developer .

Recommended for
these people

Who is this course right for?

  • People who want to turn their ideas into apps themselves

  • People who want to get into app development

  • People who want to try making their own app

  • People who want to get a job as app developers

  • Those who want to quickly learn app development and create a side project

  • Those who were interested in the app development field

Need to know before starting?

  • React.js (optional)

  • Javascript (optional)

Hello
This is

32,802

Learners

61

Reviews

4.7

Rating

1

Course

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

Curriculum

All

119 lectures ∙ (13hr 26min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

8 reviews

2.9

8 reviews

  • kdh199511182887님의 프로필 이미지
    kdh199511182887

    Reviews 1

    Average Rating 5.0

    5

    52% enrolled

    Mời các bạn xem lại toàn bộ video. Có quá nhiều đoạn edit lạ và quá nhiều đoạn code được thêm vào đột ngột mà không có lời giải thích.

    • junghw
      Instructor

      Xin chào, đây là người chia sẻ kiến ​​thức Jeong Hyeon-woo. Trước khi viết bình luận, tôi thành thật xin lỗi vì sự thiếu kinh nghiệm trong việc xem lại video. Khi xem lại toàn bộ bài giảng, có vẻ như trong phần chỉnh sửa video thường xuyên mắc lỗi gọi là chỉnh sửa cắt video do quá chú trọng đến việc học viên phải học nhanh. Chúng tôi chân thành xin lỗi về điều này và chúng tôi dự định xem lại toàn bộ video trong tháng 9 và sửa lại bài giảng bằng cách chỉnh sửa lại video để video ổn định hơn và bổ sung mọi giải thích về những thay đổi trong video. Tôi xin gửi lời xin lỗi đến sinh viên vì đã gửi bài giảng còn thiếu sót. Tôi cũng muốn bày tỏ lòng biết ơn của mình đến sinh viên vì đã đánh giá cao dù bài giảng còn thiếu sót. Chúng tôi sẽ sửa lại bài giảng sớm nhất có thể, trong vòng tháng Chín. Cảm ơn

  • moondj3504님의 프로필 이미지
    moondj3504

    Reviews 6

    Average Rating 4.8

    5

    100% enrolled

    Cảm ơn bạn.

    • junghw
      Instructor

      Chúc mừng hoàn thành khóa học, vô cùng cảm ơn đánh giá quý báu 😊😊🙇‍♂️

  • purum님의 프로필 이미지
    purum

    Reviews 1

    Average Rating 4.0

    4

    32% enrolled

    • junghw
      Instructor

      안녕하세요, học viên David! Cảm ơn bạn đã đánh giá cao khóa học sau khi được cải tiến. Mong bạn sẽ hoàn thành khóa học :)

  • chanmi05055339님의 프로필 이미지
    chanmi05055339

    Reviews 6

    Average Rating 5.0

    5

    31% enrolled

    • nanyahoo8323님의 프로필 이미지
      nanyahoo8323

      Reviews 9

      Average Rating 4.3

      1

      83% enrolled

      Trước hết, vì kỹ năng của tôi kém xa so với giảng viên nên tôi đọc lướt qua toàn bộ bài giảng thay vì đọc kỹ trước. Điều này có thể gây khó chịu cho giảng viên, nhưng hãy để tôi kể cho bạn nghe từ góc nhìn của một người chưa biết. 1. Có vấn đề với âm thanh của dòng sông. 2. Chất lượng hình ảnh không phải là vấn đề lớn, nhưng tôi không biết rõ về React, nhưng cũng không có dự án tham khảo nào và vì đây là lần đầu tiên tôi sử dụng React Native nên không dễ theo dõi. Có một số phần mà bài giảng nhảy lung tung. Tất nhiên có thể là do tôi không hiểu, nhưng chắc chắn có những phần không được ghi lại giữa bài giảng thứ nhất và thứ hai. Và có quá nhiều thay đổi về công cụ OBS trong quá trình giảng dạy. 3. Nó giống như một bài giảng đơn độc. Không biết có phải vì thời gian không còn nhiều nhưng hơi thất vọng khi có cảm giác câu chuyện như bị kéo dài về phía trước hơn là khiến người xem hiểu được. Tóm lại~ Điều tôi học được là React Native trông như thế này. Tôi cũng biết được rằng các ứng dụng di động sử dụng những thứ này. Sau này, tôi thấy điều gì đó tương tự như thế này trong bài giảng đó và tôi nghĩ nó sẽ hữu ích để tham khảo. Cảm ơn

      • junghw
        Instructor

        Xin chào nannyahoo, đây là người chia sẻ kiến ​​thức Jeong Hyeon-woo. Trước hết tôi xin chân thành cảm ơn và xin lỗi vì đã dành thời gian nghe một số bài giảng chưa được đổi mới cũng như những góp ý quý báu của bạn trong quá trình đổi mới khóa học do thư viện bị bãi bỏ. Tôi thành thật xin lỗi vì có những bài giảng tôi không chú ý đến chi tiết, và bạn đã không sai, có những bài giảng trước khi đổi mới trình bày quá vội vàng, và cũng có những bài giảng trước khi đổi mới. đã vội vàng chỉnh sửa. Tuy nhiên, trong bài giảng đổi mới này, vấn đề bạn nêu đã được cải thiện hoàn toàn. Việc đổi mới bài giảng sẽ hoàn tất vào Chủ Nhật tuần này “22/9”, kính mời các bạn tham khảo. Chúng tôi xin lỗi vì không thể cung cấp một bài giảng vừa ý và chúng tôi sẽ quay lại với một bài giảng được đổi mới tốt hơn.

    IT Share's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!