자바스크립트를 이용해서 모바일 앱을 만들 수 있는, 리액트 네이티브 입문자를 위한 강의입니다. 리액트 네이티브를 개발할때 필요한 기초 지식을 익히고, 간단한 프로젝트를 진행합니다.
리액트 네이티브
리액트 (Components, Hooks, Context API)
styled-components
React Navigation
iOS/Android 앱 배포
자바스크립트로 만드는 모바일 앱! 📱
React Native의 기초를 탄탄히 익혀보세요.
모바일 앱을 만들기 위해서는 Swift나 Kotlin같이 각 플랫폼을 개발하기 위한 언어를 따로 공부해야 했습니다. 하지만, 리액트 네이티브를 이용하면 자바스크립트를 이용해서 iOS, Android 앱을 개발할 수 있습니다.
리액트 네이티브(React Native)를 이용하는 서비스는 상당히 많이 있습니다. 우리에게 익숙한 페이스북, 인스타그램 뿐만 아니라, 쇼피파이(Shopify)나 세일즈포스(Salesforce) 같은 회사들도 있습니다.
이 강의에서는 자바스크립트를 알고 있는 분들을 대상으로, 리액트 네이티브 기초를 익힙니다.
그 과정에서 다음과 같은 내용을 다룹니다.
이 강의를 모두 마치면, 리액트 네이티브의 기초를 익힐 뿐만 아니라, 리액트 네이티브를 사용하기 위해 필요한 리액트(React) 지식도 함께 익히게 됩니다. 마지막에는 iOS와 Android 앱을 배포하는 방법과 자바스크립트만 수정해서 배포된 앱을 수정하는 방법을 알아봅니다.
여러분도 이 강의를 통해 리액트 네이티브에 입문하고, 여러분의 서비스를 리액트 네이티브로 만들어 보세요~!
강의를 통해 배운 내용을 이용해서, 간단한 프로젝트를 두 번 진행합니다.
프로젝트 전체 소스코드는 깃헙에서 확인이 가능합니다. (Link)
.png?w=960)
처음 배우는 리액트 네이티브(한빛미디어)를 바탕으로 진행되는 강의입니다.
리액트 네이티브를 처음 접하는 입문자를 대상으로 기초적인 내용을 다룹니다.
TODO 앱과 채팅 앱을 만들어 보며 강의를 통해 익힌 내용을 활용해보고, 그 과정에서 필요한 몇몇 라이브러리(ex. styled-component, React Navigation 등등)의 사용방법을 함께 다룹니다.
Q-1. 자바스크립트를 얼마나 알고 있어야 하나요? ("자바스크립트의 기초" 기준이 뭔가요?)
A-1. 자바스크립트를 사용할 수 있고, 코드를 이해할 수 있으면 됩니다. 조금 더 자세한 내용은 섹션 0의 두번째 강의 "강의 수강을 위한 준비" 영상에서 확인하시기 바랍니다. 혹시 강의 수강을 하기에 조금 부족하다고 느껴진다면, 자바스크립트를 조금 더 공부하고 진행하시는 것을 권장합니다.
Q-2. 리액트를 알아야 시작할 수 있나요?
A-2. 리액트를 몰라도 됩니다. 저도 처음 리액트 네이티브를 시작할때 리액트를 모른 상태에서 시작했습니다. 강의에서 리액트 네이티브에서 필요한 리액트 내용도 함께 설명하니, 자바스크립트만 알고 있다면 충분히 진행이 가능합니다.
Q-3. 왜 Expo를 사용하나요?
A-3. Expo를 사용하면 사용중인 핸드폰을 이용해서 개발 및 테스트가 가능합니다. 사용자의 환경에 구애받지 않고, 가상 기기를 실행하지 않더라도 진행이 가능하다는 부분과, 몇몇 라이브러리를 사용할때, 보다 쉽게 사용할 수 있다는 점에서 리액트 네이티브 입문을 위해 가장 좋은 선택이라고 생각합니다.
학습 환경 안내
학습 대상은
누구일까요?
리액트 네이티브에 관심이 있는 분들
리액트 네이티브를 처음 시작하는 분들
모바일 앱을 만들어 보고 싶은 분들
자바스크립트로 웹이 아닌 다른 걸 해보고 싶은 분들
선수 지식,
필요할까요?
JavaScript 기초
전체
75개 ∙ (11시간 0분)
해당 강의에서 제공:
1. 강의 소개
03:01
2. 강의 수강을 위한 준비
07:13
3. 개발 환경 안내
03:54
4. VSCode
05:52
5. Node.js
03:16
6. iOS
05:40
7. Android
06:35
8. Windows
09:36
9. 리액트 네이티브란
05:23
10. 프로젝트 생성
06:17
11. Expo 프로젝트 실행
07:34
전체
45개
4.7
45개의 수강평
수강평 2
∙
평균 평점 5.0
5
I am a Java developer with 15 years of experience. This time, we are planning an app with a group of people. I have read some React books and taken some lectures before, but I don't know much about React Native, so I took this lecture. It was very helpful. I think there will be no major problems in configuring and creating an app. Thank you. Instructor Kim Beom-jun. Please upload more lectures like this. ㅎㅎㅎ
Hello, Mr. Lee Taekwang, I'm glad that the lecture was helpful :) I hope that the app you're planning will be successfully completed~ Have a nice day Thank you :)
수강평 2
∙
평균 평점 5.0
5
I am watching it well. The lecture is quite fast-paced, so I feel like I am packed with a lot of information in a short period of time, which suits me well. I will watch it well until the end and learn a lot!
Schidshow MilkyWay, thank you for your review :) I'm glad that the class is a good fit for you :) Please feel free to ask questions as you progress~ I hope you stay healthy and have a great day~ Thank you
수강평 1
∙
평균 평점 5.0
5
The lecture is really good. It really helped me a lot in my studies. However.... isn't the final source code for the project provided?
Hello, Lee Jong-yeop, I'm glad it was helpful :) Thank you for your good review :) The full source code for the project is in the link below. https://github.com/Alchemist85K/inflearn-react-native I thought I posted a link in the lecture introduction, but I can't see the link now ;;;; I apologize for any inconvenience caused to your lecture. Thank you again for your good review. Have a nice day Thank you
수강평 2
∙
평균 평점 5.0
5
I didn't know how to get started with React Native... So I looked up various books and videos and started listening to this lecture. It was very helpful because it explained things in an easy-to-understand way with examples. In particular, applying what I learned through a project in the middle was really helpful for me to understand.
Hello Lucy Kim, I'm glad the lecture was helpful :) Thank you for the good review :) If you have any questions, please ask me anytime~ Have a nice day~ Thank you
같은 분야의 다른 강의를 만나보세요!
![Delivery App Clone Coding [with React Native]강의 썸네일](https://cdn.inflearn.com/public/courses/328411/cover/b51a3e0d-e2b3-49b3-8f7c-7677fb920434/328411-eng.png?f=avif&w=420)
![Want a fuse study [Wonhada]강의 썸네일](https://cdn.inflearn.com/wp-content/uploads/퓨즈.jpg?f=avif&w=420)