따라하며 배우는 리액트 네이티브 기초
John Ahn
이 강의를 통해서 리액트 네이티브를 이용해서 애플리케이션 개발을 할 수 있습니다.
Basic
React Native, React, expo
BEST
Hands-on React Native
This is a lecture for beginners who are new to React Native. We will proceed by learning the necessary content for each situation while proceeding with the project from the beginning. Through this, you will learn the basics of React Native, and use the necessary content when using React Native and various libraries that will be used while proceeding with the project.
Reviews from Early Learners
What you will learn!
React Native
React (Components, Hooks, Context API)
React Navigation
Firebase (Authentication, Firestore, Storage)
Hot off the press, a lecture directly from the author of a new IT book!
Learn React App Development by Building ⚒️
React Native, the choice of countless companies ✔️
React Native is an open source project released by Meta (formerly Facebook) in March 2015, and is built on React, a programming language for creating user interfaces.
In the past, building mobile apps required learning a separate platform-specific language like Swift or Kotlin . However, React Native allows developers to develop iOS and Android apps using JavaScript. The React Native Showcase demonstrates the use of React Native at companies like Coinbase , Uber Eats , Discord , Tesla , and Walmart .
This course covers the fundamentals of the widely used React Native language. You'll learn the theory behind React Native by building three apps.
Conquer the theory with projects ✨
Just as people have different tastes, there are different ways to learn and preferences. However, there's one thing they all share: whether you study the theory first or get hands-on experience, ultimately, you have to try something.
In this course, you'll learn the theory while working on a project . You'll learn React Native by studying the necessary content as you progress through the project to achieve the desired look or functionality. In the process, you'll learn and use the following:
Using React Native
Required React Knowledge
(Component, props and state, Hooks, Context API)
Essential for project progress!
How to use the navigation function
(Native Stack Navigator, Bottom Tab Navigator)
Even if you have little backend knowledge, it's OK!
Basic Firebase Usage
(Authentication, Storage, Firestore)
Projects I make with my own hands 📱
In this lecture, you will learn React navigation by working on three projects : a calculator, a to-do list, and a travel photo sharing app .
The project code is available on GitHub . Use the GitHub code for reference, to identify differences when the code isn't working properly, or to check for changes when you're confused by the number of changes.
1) Calculator
2) To-do list
3) Travel photo sharing app
I need some advance knowledge 🤓
1️⃣ JavaScript
This course is designed for those who have a basic understanding of JavaScript . If you're not familiar with JavaScript, you may find the course content challenging. For those looking to learn JavaScript further, we recommend studying "Part 1: Core JavaScript" at the link below.
- Modern JavaScript Tutorial: https://ko.javascript.info/
2️⃣ React
React Native is built on top of React. Therefore, those familiar with React will find it easier and faster to learn. However, prior React knowledge is not required.
This course will cover the React fundamentals required for React Native. However, it doesn't cover all the details, so if you're interested in learning more about React or are curious about the specifics, you should pursue React training separately.
💬 Expected Questions Q&A
Q. Why use Expo?
If you are learning React Native for the first time, I recommend using Expo.
Expo allows development and testing on mobile devices, and the setup is much easier. Furthermore, it allows Windows laptop users to develop and test iOS apps on their iPhones.
Although there are downsides to not being able to use native modules and some libraries, the advantage is that you can focus on getting started and learning React Native without worrying about the hassle.
First, learn React Native with Expo, and then use the CLI as needed.
Q. Is prior learning required?
As I mentioned earlier, prior knowledge of JavaScript fundamentals is essential. If you take the course without any prior knowledge of JavaScript, it may feel like a lecture filled with incomprehensible language, and you'll end up just copying code and practicing.
React is not required, as it is explained in the course. However, we will cover only the content necessary for studying React Native. If you wish to learn React or are curious about more detailed information, please take a separate React course.
Q. Do I need to prepare anything for the lecture?
You'll need a computer. Other devices aren't essential. If possible, it's a good idea to prepare one iOS device and one Android device, but you don't need to purchase them. Simply test using the device you currently have. After completing all the lectures, you can purchase additional devices if you feel you need them.
Even if you don't have a device to test on, don't worry, you can still develop and test using virtual devices. However, Windows users cannot test on iOS without an iOS device.
Is there something you don't know? 💌
There are no stupid or wrong questions. You listen to the lecture because you don't know, and you ask questions because you're having trouble. No one is good at something from the beginning. If you have any questions or concerns, please leave a question.
1️⃣ Try to solve it yourself by searching
Search Google for error messages or problematic situations to find solutions. Practicing solving problems on your own can greatly improve your skills. You might not find a solution, but try to resolve it yourself. In particular, many problems are caused by typos, so be sure to carefully check for typos.
2️⃣ Upload your code to GitHub and leave a link in your question.
Posting only the error message in a question makes it difficult to determine the exact cause. Even if you copy and paste specific code, it may be difficult to identify the specific code, or the cause may not be present in the code itself.
Therefore, please upload your code to GitHub and provide a link so we can verify it accurately. Additionally, providing detailed information about the specific situation causing the issue will help us provide a more accurate answer, so please be specific when writing your question.
3️⃣ Questions that are out of scope will not be answered.
I will not answer questions outside the scope of the lecture. For example, I will not answer questions about personal projects or projects not covered in the lecture. While I will answer questions about the JavaScript code or logic used in the lecture, since this is not a JavaScript lecture, I will not answer questions outside the scope of the lecture. Thank you for your understanding.
📘 Hands-on React Native
This lecture is based on the book 'Hands-On React Native (Hanbit Media),' which is scheduled to be published in October 2022.
Since the lecture content and the book content are almost identical, there is no need to purchase the book to take the lecture.
Recommended for
these people
Who is this course right for?
For those interested in React Native
For those who are new to React Native
For those who want to create a mobile app
For those who want to try something other than the web with JavaScript
Need to know before starting?
JavaScript Basics
Curriculum
All
160 lectures ∙ (23hr 50min)
Course Materials:
Lecture resources
Published:
Last updated:
Reviews
All
10 reviews
4.9
10 reviews
younil.kangReviews 2
∙
Average Rating 5.0
5
100% enrolled너무 설명도 깔끔하게 해 주시고, 뒤로 갈수록 약간 어렵다는 느낌이 있었지만 아주 만족합니다. 감사합니다.
- 김범준Instructor
안녕하세요 younil.kang 님, 좋은 수강평 감사합니다 :) 즐거운 하루 되세요, 감사합니다.
- 유상현 Sanghyeon
Reviews 6
∙
Average Rating 4.8
Access is restricted to non-public courses.
Private Course
Similar courses
Explore other courses in the same field!
