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

/

모바일 앱 개발

앱 개발 입문을 위한 React Native 완벽 기초 클래스

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

(4.4) 수강평 5개

수강생 120명

Thumbnail

입문자를 위해 준비한
[모바일 앱 개발, React Native] 강의입니다.

이런 걸 배울 수 있어요

  • Javascript ES6 기초 문법

  • React 기초 문법

  • React Native 시작하기

  • React Native 작동 원리

  • Styled Components

  • React Native 기본 컴포넌트

[2025] 앱 개발 입문을 위한 React Native 완벽 기초 클래스

[FREE] React Native 앱 개발 입문 기초 클래스

무료 강의로 돌아왔습니다.

그냥 살펴만 보셔도 괜찮습니다. 일단 한번 시도부터 해보시죠.
100% 무료로 여러분들이 앱 개발 분야에 뛰어드실 수 있도록 알려드리겠습니다.

현업에서 사용되는 기술만을 채택해 강의를 구성했습니다.

3시간만에 앱 개발을 시작할 수 있습니다.

아직도 이론 중심 강의를 들으시나요?

5년동안 앱 개발만 한 앱개발자가 핵심적 개념실습과 함께 알려드립니다.

어떤 분들이 수강하면 좋을까요?🤔

·💡아이디어는 있지만 앱으로 만들기는 어려우신 분들

·📱앱 개발 분야에 뛰어들고 싶으신 분들

·📱나만의 앱을 만들어보고 싶으신 분들

·🧑‍💼앱 개발자로 취업하고 싶으신 분들

·💻앱 개발을 빠르게 배워서 사이드 프로젝트를 만들고 싶으신 분들

·💭앱 개발 분야에 관심이 있으셨던 모든 분들

React Native를 사용하는 건가요?

React Native를 사용하는 가장 큰 이유들을 한번 정리해 봤어요

POINT 1 1,000개 이상 대기업들의 채택

🏢 토X, 배X의 민족, 인스타그램 등 전세계 1,000여개 이상의 대기업이 사용하는 React Native

POINT 2 크로스 플랫폼 개발의 혁신

ㅣ 크로스 플랫폼이란? Android, iOS 모두를 한번의 코드로 개발할 수 있는 기술

🔯 크로스 플랫폼인 React Native => 가장 빠르고 손쉽게 두 OS 개발 가능

POINT 3 강력한 커뮤니티와 생태계

🕸 GithubStack Overflow에서 활발하게 활동하는 10,000여명 이상의 개발자

🔭 대규모 커뮤니티의 지원 => 다양하게 업데이트되는 플러그인, 기능

POINT 4 빠른 개발과 핫 리로딩

🔥 독점적인 핫 리로딩 기능: 개발 중 코드를 수정할 때마다 즉각적으로 변경사항 확인 가능

🛠 MVP(최소 기능 제품)에 유용

POINT 5 네이티브 성능과 사용자 경험

🔧 네이티브 컴포넌트를 사용 => 뛰어난 성능

🔗 JS로 작성된 코드네이티브 API와 직접 상호작용 => 성능 저하 X

애니메이션, 제스처 처리에서 탁월한 성능 발휘 => 매끄러운 사용자 경험 구현

강의를 듣고 나면...💭

· 👨‍💻React Native를 상황에 맞춰 능숙하게 다룰 수 있습니다.

· 👀내가 원하는 앱의 기능을 개발해낼 수 있습니다.

· 👥다른 언어도 React Native를 통해 배운 것들을 연관지어 빠르게 배울 수 있습니다.

· 앱 개발자로써 더욱더 쉽고 빠르게 성장해나갈 수 있습니다.

이 강의의 특징은?

무료 공개

이 강의를 공개하기 전, 저는 인프런에서 무료 React Native 앱 개발 강의가 없다는 것을 확인했습니다. 빅테크 기업 Meta에서 개발한 React Native 무료 강의가 없다는 것은 앱 개발을 시작하시려는 분들에게 더 큰 어려움을 가져다주는 것이라고 생각하였습니다.

실전에 충실한 강의🤺

강의에서 "이렇게 하면 이렇게 된다"라고만 알려드리면 실습 위주의 수업이어도 쓸모가 없습니다.
실전에서 어디에서 써먹어야 할지, 진짜 앱에서 어느 기능으로 많이 쓰이는 지
실무에서 100% 활용할 수 있게 알려드립니다.

입문자 초점에 맞춘 강의🧑‍🎓

이 강의는 React Native의 실전 스킬들을 알려드리는 강의이지만,
수강 난이도는 입문입니다. 그만큼 JS부터 TS, React.js의 개념도 확실히 알려드리고 React Native로 넘어갑니다. 전혀 모르는 상태이셔도 모든 개념을 이해하실 수 있게 개념을 확실히 알려드립니다.

이 강의는 어떻게 구성되어 있나요?

섹션별로 강의를 간단하게 소개해 보았어요

섹션 1. INTRODUCTION

약 5분
- 강의 구성 설명

✯✩✩✩✩
섹션 2. JAVASCRIPT

약 1시간 5분
- 변수, 함수 등 기본적인 코딩 지식 설명
- Javascript 살펴보기
- 총 20가지 이상의 예제를 통한 학습
- React Native 개발에 앞서 꼭 알아야 될 필수지식 공부

✯✩✩✩✩
섹션 3. TYPESCRIPT

약 12분

- Typescript의 개념
- JS VS TS
- TS를 왜 써야 하는가?
- TS를 바라보는 올바른 자세

✯✯✯✩✩
섹션 4. React.js

약 30분

프로젝트: 카운터 웹앱 만들기


React.js 첫 프로젝트

📱 실전 웹앱 개발

📕 useState 완벽 이해

논리적 구현

🔨 console.log를 통한 테스팅 중심 개발

✯✩✩✩✩
섹션 5. Node.js

약 5분

Node.js란?


🟦 Node.js의 개념

🏃‍➡️ Node.js의 기능

NPM, NPX란?


🟦 NPM, NPX의 개념

🏃‍➡️ NPM, NPX의 기능

NPM VS NPX?? (NPM-NPX의 관계)

✯✯✯✯✯
섹션 6. React Native

약 1시간 17분

개발


🟦 React Native의 개념

🏃 React Native 개발 환경 설정

🛫 앱 시작 방법 (with Typescript)

🎨 styled-components

🗂 폴더/파일 구조 분석

🧑‍💻 기본 컴포넌트 & 스킬

🐈‍⬛ github 배포

FAQ

#1. 코딩을 아예 모르는 사람도 강의를 들을 수 있나요?

네. 가능합니다. 이 강의는 React Native 한 분야에 심화적으로 중점을 둔 강의가 아닌, 기본적인 프로그래밍 관련 상식을 누구보다 쉽게 알려드리므로 코딩을 처음 접하시는 분들도 큰 어려움 없이 강의를 수강하실 수 있고, 코딩 공부를 조금이라도 해보셨다면 강의를 수월하게 들을 수 있으실겁니다.

#2. 수강하기 전, 선수지식이 필요한가요?

아니요. 이 강의에서는 그 어떠한 선수지식이라도 필요치 않습니다.

#2. 이 강의는 업데이트 되나요?

네. 업데이트됩니다.
라이브러리 폐지, 강의 이슈 등에 따라서 강의는 계속해서 업데이트됩니다!

수강 전 참고사항🧳

강의는 Windows 11 Home 환경으로 진행됩니다.
macOS를 사용하고 계셔도 강의를 문제없이 들으실 수 있습니다.

실습 환경🪓

  • 운영 체제 및 버전(OS): Windows 7 이상 / macOS 10 이상 / Linux

  • 사용 도구: Android Emulator, Android Studio, VSCode, Node.js, JDK

  • 필요 저장공간: 최소 10GB

선수지식 및 유의사항

  • 이 강의는 JS부터 React를 지나 궁극적으로 React Native를 배우는 강의입니다.

  • 기초부터 시작하는 강의이므로 선수지식은 전혀 필요 없습니다.

  • 이 강의는 2025년 2월~2025년 5월에 기획하고 녹화하였습니다.

  • 이 강의는 여러분들의 수강평 및 React Native 버전 업데이트에 따라 꾸준히 업데이트됩니다.


  • 실습하면서 강의를 들어주시면 감사하겠습니다.

  • 본 강의는 질의응답을 지원하며, 커뮤니티에 궁금한 것을 질문해주시면 됩니다.


  • 공유 및 2차 창작은 금지입니다.

  • 본 강의는 Windows(Android) 환경을 사용합니다.

  • macOS(iOS) 환경에서도 충분히 실습 가능합니다.

단 3시간을 투자하셔서 앱 개발 세계에 뛰어들어 보세요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 앱 개발자로 취업하고 싶으신 분들

  • 아이디어는 있는데 어디서부터 시작해야 할지 막막하신 분들

  • 취미 또는 사이드 프로젝트로 앱 개발을 시작해보고 싶으신 분들

  • 앱 개발은 해보고 싶은데, 당장 뭐부터 시작해야 될지 모르시는 분들

안녕하세요
입니다.

232

수강생

11

수강평

33

답변

3.2

강의 평점

2

강의

Hello, World.

안녕하세요. 저는 5년째 앱 개발 분야에서 활동하고 있는 시니어 앱개발자 정현우라고 합니다 :)

FAQ

  1. 사용할 수 있는 스택:

    React Native, JavaScript, p

    ython, TypeScript, React.js

  2. 전문분야:

    React Native(앱 개발)

LECTURES

[독점]5개 프로젝트로 마스터하는 실전 React Native

커리큘럼

전체

37개 ∙ (3시간 18분)

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

수강평

전체

5개

4.4

5개의 수강평

  • cutestar72님의 프로필 이미지
    cutestar72

    수강평 1

    평균 평점 5.0

    5

    100% 수강 후 작성

    react native를 접해 보고자 하는 입문자에게는 어렵지 않게 잘 설명해 주신 것 같습니다. 잘 들었습니다.

    • 정현우
      지식공유자

      cutestar72 수강생님, 완강 축하드리고 감사드립니다! 또한 소중한 수강평 너무 감사드립니다🥹

  • anfgk님의 프로필 이미지
    anfgk

    수강평 2

    평균 평점 5.0

    5

    32% 수강 후 작성

    • 정현우
      지식공유자

      감사합니다 anfgk 수강생님! 끝까지 열심히 수강해 주세요ㅎㅎ

  • idensol님의 프로필 이미지
    idensol

    수강평 1

    평균 평점 5.0

    5

    32% 수강 후 작성

    • 정현우
      지식공유자

      idensol 수강생님.. 너무 감사드립니다🥹 끝까지 열심히 수강해 주세요!ㅎㅎ

  • gownsrkt11님의 프로필 이미지
    gownsrkt11

    수강평 7

    평균 평점 5.0

    5

    62% 수강 후 작성

    • 정현우
      지식공유자

      gownsrkt11 수강생님🥹 수강해 주셔서 너무 감사드립니다!! 더 좋은 강의로 보답해 드리도록 하겠습니다.

  • devYo님의 프로필 이미지
    devYo

    수강평 9

    평균 평점 4.2

    2

    89% 수강 후 작성

    어쨋든 무료 강의라서 들어봤습니다. (강의 내용에 어쨋든이라는 단어를 많이 사용하시는데 강의자님이 사용하는 의미는 부정적으로 받아 들여저서 불편 했습니다. - 지극히 개인적인 생각입니다.) 유료 강의든 무료 강의든 저도 해당 강의를 시간내서 보는거라 유익함이 더 가득한 강의였으면 했습니다. 제가 인프런에서는 개인적으로 장기효님, 이정환님, 생활코딩님의 강의를 좋아하는데요. 개인적인 성향이 사람마다는 다르겠지만 어느정도는 다른 사람도 같은 생각을 하고 있을때가 더 많더라구요. 강의력은 위에 강사님들을 참고해주시면 좋을것 같고, 강의에 대한 태도는 이정환님의 강의를 들어 보시면 좋은 경험이 되시지 않을까 생각됩니다. 최근에 패스트캠퍼스나 인프런을 많이 이용해서 강의를 보고 구매도 하고 있는데 좋은 강의도 많지만 그렇지 않은 강의도 많더라구요. 무료라서 저렴해서 라는 등의 이유로 다른 사람의 소중한 시간을 세일즈 안했으면 하네요.

    • 정현우
      지식공유자

      소중한 지적 감사드립니다. 말씀주신 단어들을 사용하는 것을 지양해 보도록 하겠습니다!

    • 단어 자체에는 문제가 없을것 같아요. 상황에 따라 사용하시면 강의 잘 봤습니다. 응원하겠습니다.

정현우님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

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