강의

멘토링

커뮤니티

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

    Please review the entire video again. There are too many strange parts in the editing, and there are too many parts where code is suddenly added without explanation.

    • junghw
      Instructor

      Hello, I am Jeong Hyeon-woo, a knowledge sharer. Before writing a comment, I would like to sincerely apologize for my lack of experience in reviewing the video. When reviewing the entire lecture, I think there were many mistakes in the so-called video cut editing because I focused on students taking the class quickly. I sincerely apologize for this, and I plan to revise the lecture by re-editing the entire video within September to make it more stable and adding explanations for all changes in the video. I apologize to the students for sending out an insufficient lecture, and I would also like to express my gratitude for giving them a high rating despite the lecture being insufficient. I will revise the lecture as soon as possible within September. Thank you.

  • moondj3504님의 프로필 이미지
    moondj3504

    Reviews 6

    Average Rating 4.8

    5

    100% enrolled

    Thank you.

    • junghw
      Instructor

      Congratulations on finishing the course, and thank you so much for your valuable review!😊😊🙇‍♂️

  • purum님의 프로필 이미지
    purum

    Reviews 2

    Average Rating 4.5

    4

    32% enrolled

    • junghw
      Instructor

      Hello, David! Thank you so much for leaving a good review about the course after the renewal. I would be grateful if you could take the course until the end :)

  • chanmi05055339님의 프로필 이미지
    chanmi05055339

    Reviews 6

    Average Rating 5.0

    5

    31% enrolled

    • nanyahoo8323님의 프로필 이미지
      nanyahoo8323

      Reviews 9

      Average Rating 4.3

      1

      83% enrolled

      First of all, since my skills are far inferior to the instructor, I quickly skimmed through the entire lecture rather than reading it thoroughly. This may be unpleasant for the instructor, but I will explain it from the perspective of someone who doesn't know. 1. There is a problem with the lecture sound. 2. The video quality is not that bad, but I am not completely unfamiliar with React, but I do not have a reference project, and as someone who is seeing React Native for the first time, it is not easy to follow. The lecture skips over parts here and there. Of course, it may be because I do not understand it, but there are definitely parts that are not recorded between the first and second lectures. And there are too many OBS tool changes during the lecture. 3. It felt like a lecture that was given alone. I do not know if it is because of the time constraints, but it feels like it is skipping ahead rather than helping the audience understand, so it is a bit disappointing. In conclusion~ I learned that React Native looks like this. And I also learned that mobile apps use these things. Later, ah~ I saw something like this in that lecture, and I think it will be helpful when I do it. Thank you.

      • junghw
        Instructor

        Hello nannyahoo, I am knowledge sharer Jeong Hyeon-woo. First of all, I sincerely thank you and apologize for taking the time to listen to some lectures that have not been renewed yet due to the library closure and for your valuable criticism. I sincerely apologize for the lectures where I was not able to pay perfect attention to details, and it is not that you were wrong, but there were lectures before the renewal where the progress was handled too hastily, and there were also lectures before the renewal where there was hasty editing. However, in this renewed lecture, the issues you mentioned have been completely improved. The lecture renewal is scheduled to be completed this Sunday, "9/22", so please take note. I apologize for not being able to provide satisfactory lectures, and I will come back with better renewed lectures.

    IT Share's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!