강의

멘토링

로드맵

Inflearn brand logo image
BEST
개발 · 프로그래밍

/

모바일 앱 개발

처음 배우는 리액트 네이티브

자바스크립트를 이용해서 모바일 앱을 만들 수 있는, 리액트 네이티브 입문자를 위한 강의입니다. 리액트 네이티브를 개발할때 필요한 기초 지식을 익히고, 간단한 프로젝트를 진행합니다.

(4.7) 수강평 45개

수강생 861명

  • 김범준

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • 리액트 네이티브

  • 리액트 (Components, Hooks, Context API)

  • styled-components

  • React Navigation

  • iOS/Android 앱 배포

자바스크립트로 만드는 모바일 앱! 📱
React Native의 기초를 탄탄히 익혀보세요.

📋 강의 소개 

모바일 앱을 만들기 위해서는 SwiftKotlin같이 각 플랫폼을 개발하기 위한 언어를 따로 공부해야 했습니다. 하지만, 리액트 네이티브를 이용하면 자바스크립트를 이용해서 iOS, Android 앱을 개발할 수 있습니다. 


[ React Native Showcase ]

리액트 네이티브(React Native)를 이용하는 서비스는 상당히 많이 있습니다. 우리에게 익숙한 페이스북, 인스타그램 뿐만 아니라, 쇼피파이(Shopify)나 세일즈포스(Salesforce) 같은 회사들도 있습니다. 

이 강의에서는 자바스크립트를 알고 있는 분들을 대상으로, 리액트 네이티브 기초를 익힙니다. 
그 과정에서 다음과 같은 내용을 다룹니다. 

  • Expo를 사용한 리액트 네이티브
  • React Components
  • React Hooks
  • React Context API
  • styled-components
  • React Navigation
  • iOS, Android 앱 배포

이 강의를 모두 마치면, 리액트 네이티브의 기초를 익힐 뿐만 아니라, 리액트 네이티브를 사용하기 위해 필요한 리액트(React) 지식도 함께 익히게 됩니다. 마지막에는 iOS와 Android 앱을 배포하는 방법과 자바스크립트만 수정해서 배포된 앱을 수정하는 방법을 알아봅니다. 

여러분도 이 강의를 통해 리액트 네이티브에 입문하고, 여러분의 서비스를 리액트 네이티브로 만들어 보세요~!

📱 프로젝트

강의를 통해 배운 내용을 이용해서, 간단한 프로젝트를 두 번 진행합니다. 
프로젝트 전체 소스코드는 깃헙에서 확인이 가능합니다. (Link)

TODO App

Chat App

📗 처음 배우는 리액트 네이티브

처음 배우는 리액트 네이티브(한빛미디어)를 바탕으로 진행되는 강의입니다. 
리액트 네이티브를 처음 접하는 입문자를 대상으로 기초적인 내용을 다룹니다. 
TODO 앱과 채팅 앱을 만들어 보며 강의를 통해 익힌 내용을 활용해보고, 그 과정에서 필요한 몇몇 라이브러리(ex. styled-component, React Navigation 등등)의 사용방법을 함께 다룹니다. 

❓ 강의 관련 예상 질문

Q-1. 자바스크립트를 얼마나 알고 있어야 하나요? ("자바스크립트의 기초" 기준이 뭔가요?) 

A-1. 자바스크립트를 사용할 수 있고, 코드를 이해할 수 있으면 됩니다. 조금 더 자세한 내용은 섹션 0의 두번째 강의 "강의 수강을 위한 준비" 영상에서 확인하시기 바랍니다. 혹시 강의 수강을 하기에 조금 부족하다고 느껴진다면, 자바스크립트를 조금 더 공부하고 진행하시는 것을 권장합니다. 

Q-2. 리액트를 알아야 시작할 수 있나요?

A-2. 리액트를 몰라도 됩니다. 저도 처음 리액트 네이티브를 시작할때 리액트를 모른 상태에서 시작했습니다. 강의에서 리액트 네이티브에서 필요한 리액트 내용도 함께 설명하니, 자바스크립트만 알고 있다면 충분히 진행이 가능합니다. 

Q-3. 왜 Expo를 사용하나요?

A-3. Expo를 사용하면 사용중인 핸드폰을 이용해서 개발 및 테스트가 가능합니다. 사용자의 환경에 구애받지 않고, 가상 기기를 실행하지 않더라도 진행이 가능하다는 부분과, 몇몇 라이브러리를 사용할때, 보다 쉽게 사용할 수 있다는 점에서 리액트 네이티브 입문을 위해 가장 좋은 선택이라고 생각합니다. 

학습 환경 안내

  • 본 강의에서는 VSCode를 사용합니다. 사용하고 계신 익숙한 에디터를 사용해도 수강할 수 있습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 리액트 네이티브에 관심이 있는 분들

  • 리액트 네이티브를 처음 시작하는 분들

  • 모바일 앱을 만들어 보고 싶은 분들

  • 자바스크립트로 웹이 아닌 다른 걸 해보고 싶은 분들

선수 지식,
필요할까요?

  • JavaScript 기초

안녕하세요
입니다.

비개발자 혹은 프로그래밍 초급자를 대상으로 꾸준히 개발 교육을 진행해 왔습니다. 

제 경험과 지식이 여러분에게 도움이 되길 바랍니다.

감사합니다 :)

커리큘럼

전체

75개 ∙ (11시간 0분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

45개

4.7

45개의 수강평

  • mun2016111333님의 프로필 이미지
    mun2016111333

    수강평 2

    평균 평점 5.0

    5

    92% 수강 후 작성

    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. ㅎㅎㅎ

    • beomjun
      지식공유자

      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 :)

  • studio331st0547님의 프로필 이미지
    studio331st0547

    수강평 2

    평균 평점 5.0

    5

    87% 수강 후 작성

    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!

    • beomjun
      지식공유자

      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

  • yujeong0님의 프로필 이미지
    yujeong0

    수강평 2

    평균 평점 5.0

    5

    100% 수강 후 작성

    Thank you for the good news

    • beomjun
      지식공유자

      Hello, Kang Yu-jeong, I am a lecturer :) I hope you always stay healthy and have a nice day~ Thank you

  • jylee197409028047님의 프로필 이미지
    jylee197409028047

    수강평 1

    평균 평점 5.0

    5

    83% 수강 후 작성

    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?

    • beomjun
      지식공유자

      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

  • ming37721619님의 프로필 이미지
    ming37721619

    수강평 2

    평균 평점 5.0

    5

    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.

    • beomjun
      지식공유자

      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

비공개 강의로
수강이 제한됩니다.
비공개 강의

비슷한 강의

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