개발 · 프로그래밍

/

모바일 앱 개발

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

아이디어는 있는데 앱을 어떻게 개발해야할지 몰랐던 분들, 실전 프로젝트 5개를 만들어보면서 앱 개발을 마스터해봅시다!

(2.3) 수강평 3

수강생 58

Thumbnail

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

이런 걸
배워요!

  • 실무 100% 활용 리액트 네이티브 문법

  • 리액트 실전 문법

  • 효율적 개발에 최적화된 개발 환경 설정

  • 가장 쉽게 api를 통해 외부 정보를 가져오는 방법

  • 실제 앱에서 자주 쓰이는 실전적인 스킬 30개 이상

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

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

단 5시간만에 여러분들을 앱 개발자로 만들어 드리겠습니다.

이 강의, 어떤 분들이 들으면 좋을까요?🤔

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

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

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

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

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

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

·💸나만의 앱서비스를 개발해서 을 벌고 싶으신 분들

이 강의를 듣고 나면 어떻게 될까요?💭

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

· 📱나만의 아이디어를 으로 개발해낼 수 있습니다.

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

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

· 💨대기업 수준의 앱 및 앱 기능 아이디어는 바로바로 구현해 낼 수 있게 됩니다.

이 강의의 특징은?

실습 위주의 강의🏃

뜬구름만 잡는 추상적인
이론 위주의 수업이 아닌
수강자가 실제 프로젝트를 개발하며 배우는
"실습 위주의 수업"으로
강의를 구성했습니다.

실전에 충실한 강의🤺

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

입문자 초점에 맞춘

강의👨‍💻

이 강의는 React Native의 무수히 많은 실전 스킬들을 알려드리는 강의이지만, 수강 난이도는 "입문"입니다. 그만큼 강의에서는 수강자분들이 앱 개발 분야에 대해 전혀 모르는 상태여도 모든 개념을 이해할 수 있게 알려드립니다.

지식공유자의 진심을 담은 강의 제작 과정

강의 촬영과 영상 편집에 심혈을 기울일 뿐만이 아닌 영상 검토를 총 두 번 이상 진행해
수강생 여러분들의 강의 수강에 문제가 없도록 강의를 제작하고 있습니다.

이 강의에서만 만나볼 수 있는 체계적인 구성

섹션 3부터의 5개 프로젝트들의 모든 구성은 이러한 구성으로 이루어져 있습니다.
이러한 체계적인 구성은 여러분들이 가장 접근성 높고 쉽게 강의를 수강하실 수 있게
직접 고안해낸 구성이며, 실무에서도 가장 효율적으로 프로젝트를 처리할 수 있게 하는 구성입니다.

Figma 이용 후 개발

실무에서 가장 많이 쓰고, 많은 사장님들과 개발자들이 선호하는 레이아웃 구성 도구인
Figma를 실제로 이용하고, 그에 맞춰서 개발하는 효과를 직접적으로 경험할 수 있게 해드립니다.

강의 내 100% 자막 제공

여러분들이 강의를 언제 어디에서나 들으실 수 있도록 100% 자막을 제공해드리고,
자막 제작 - 검수 - 수정 - 검수의 탄탄한 과정을 튱해 자막이 제공됩니다.

강의에 몰입할 수 있는 자막 스타일

여러분들이 자막때문에 가려지는 부분에 의해 스트레스를 받지 않으시도록
검정 그림자를 배경으로 삼아 가장 보기 편한 스타일로 자막 스타일을 설정하였습니다.

패션 디자이너 지식공유자가 직접 다루는 레이아웃 구성

실제 저는 패션 브랜드를 기획하고, 제 브랜드의 패션 라인을 전부 직접 기획 및 제작을 하고 있습니다.
지난 2년간 얻은 아름다움과 매력에 대한 본능과 경험을 기반으로 레이아웃을 구성합니다.

모든 프로젝트 강의 하단에 "전체 코드" 제공

여러분들이 개발을 하시다가 의도치 않은 오류를 겪으실 때
제 전체 코드와 비교해가시면서 강의를 수강하실 수 있도록
모든 프로젝트의 강의 하단에 생략 없는 전체 코드를 제공해드립니다.

강의 하단 수업노트 이중 개념설명

강의에서 한번, 강의 하단의 수업노트에서 한번.
총 두번의 개념 설명으로 여러분들이 따로 구글링 하시는 일 없게 강의를 제작하였습니다.

강의 내에서 나오는 모든 개념 설명

강의 내에서 나오는 모든 도구, 컴포넌트 등을 필요성과 함께 확실히 설명해드립니다.

신속한 강의 질문 답변

평균 "4시간 이내"에 질문을 발빠르게 답변해드립니다.

이 강의를 들어야 하는 이유는?

인프런 타 강의와 이 강의를 비교해 봤어요

타 강의

추상적인 개념만 공부하는 이론강의

🔻들으면 들을수록 이해가 안되는 강의

🚫왜, 어떤 상황에서 사용하는 지를 알려주지 않는 강의

전체 코드를 제공하지 않는 강의

체계적이지 못한 실험적 구성의 강의

📃설명이 부족한 강의

💸기본 2만원대를 넘어가는 수강료

이 강의

실제 프로젝트를 만들면서 배우는 실전강의

🔺기초적인 부분마저 지속적으로 상기시켜 뇌에 바로 저장되는 강의

💡WHY, WHEN을 확실히 알려주는 강의

📔전체 코드를 제공하는 강의

🪜기본기부터 확실히 마스터하는 체계적 강의

📚기초적인 이해부터 들어가는 설명 구성의 강의

👌시간당 5000원대, 치킨 한마리 값으로 강의 평생 소장

이 강의에서는 무엇을 배우나요?

섹션 1. 인트로

강의의 인트로입니다. 강의의 전반적인 구성, 배우는 것, 배우기 전에 알거나 필요한 것들을 설명합니다. 강의를 전체적으로 이해하는 데에 도움이 됩니다.

섹션 2. React Native

우리가 앱을 개발할 때 쓰는 언어인 React Native를 소개합니다. React Native에 대해서 상세히 소개하고, 앱을 개발할 환경을 구성합니다. 앱을 개발할 때 기본적으로 알아야 할 React Native의 기초를 알려드립니다.

섹션 3. 계산기 앱 개발

React Native에 대해 배운것을 이용해서 본격적으로 프로젝트를 만들어봅니다. React Native를 입문하기 위해 계산기 앱을 개발해봅시다. 계산기 앱 개발을 통해 React Native의 여러가지 기초적인 실무 활용 스킬들을 배워볼 수 있습니다.

섹션 4. 번역 앱 개발

섹션 3에서 배운 것들을 이용해 '번역 앱'을 만들어봅니다. 이 섹션을 통해 외부 api를 사용해서 서비스 및 기능을 구현해내는 실력을 높일 수 있습니다.

섹션 5. 날씨 앱 개발

지난 섹션들에서 배운 것들을 이용해 '날씨 앱'을 만들어봅니다. 이 섹션을 통해 외부 정보 api를 활용해 정보를 표시할 수 있는 실력을 기를 수 있습니다. 이 섹션을 통해서 React Native 앱 개발에 익숙해질 수 있습니다.

섹션 6. 뉴스 앱 개발

지난 섹션들에서 배운 것들을 이용해 '뉴스 앱'을 만들어봅니다. 이 섹션을 통해 외부 정보 api를 활용해 정보를 표시하는 능력을 마스터할 수 있습니다. 또한, 이 api 말고도 다른 api도 사용방법을 스스로 익히며 앱에 적용시킬수 있게 됩니다.

섹션 7. 코인 앱 개발

이 강의의 하이라이트 섹션입니다. 지난 섹션들에서 배운 것들을 이용해 '코인 앱'을 만들어봅니다. 이 섹션을 통해 외부 정보 api를 활용해 정보를 표시하는 능력을 실무에서 활용할 수 있을 정도로 마스터할수 있게 됩니다. 또한, 로그인 기능을 구현하면서 실제 앱이 어떻게 구성되는지 완벽히 이해할 수 있습니다. 또, expo에 자신의 앱을 배포하고 실제로 실행되는 앱으로도 만들어볼 수 있습니다.

섹션 8. 마지막으로

이 강의를 들으면서 배운 것들, 변화, 성장을 총정리해봅니다.

이 강의를 듣고 나면 이런 결과물을 만들 수 있어요🖼

강의에서 배우는 스킬들은 무엇인가요?👨‍🔧

4시간 30분의 강의에서 전체적으로 실무에서 활용할 수 있는
실전적인 스킬들로 눌러담았습니다.

TypeScript

react native 프로젝트에
개발을 편리하게 할수 있는
TypeScript를 적용하는 방법을
알려드립니다.

컴포넌트 생성 방법

Text, Image 등 앱에서
특정 내용을 표시하는 방법을
알려드립니다.

모던한 컴포넌트 스타일

생성한 컴포넌트에 스타일을
주어서 앱을 모던하게 꾸미는
방법을 알려드립니다.

스플래쉬 스크린 설정

앱이 실행된 직후에 나오는
스플래쉬 스크린을 설정하는
방법을 알려드립니다.

Stack Navigator

앱이 특정 화면으로 넘어갈 수 있게 도와주는 Stack Navigator의 완벽한 사용방법을 알려드립니다.

Bottom Tab Navigator

요즘 거의 모든 앱에 존재하는
화면 이동 기능을 알려드립니다.
앱을 더 효과적으로 기능적이고
모던한 스타일로 만들 수 있습니다.

외부 API 호출 및 사용 방법

외부 API를 호출해서 효과적으로
외부 정보를 앱에 표시할 수 있는 방법을 알려드립니다.

이미지 표시방법

이미지를 효과적으로 표시하는
방법을 알려드립니다.

컴포넌트 개발 및 사용

나만의 컴포넌트를 개발해서
주요 코드에서 활용할 수 있는
방법을 알려드립니다.

geolocation 활용

Geolocation을 이용하여
사용자의 위치를 알아내고, 위치를 토대로 날씨 정보를 가져오는
방법을 알려드립니다.

클릭 이벤트 활용

컴포넌트의 클릭 이벤트를 활용해서 클릭 할 시 어떤 결과가 나올지 설정하는 방법을 알려드립니다.

.

.

.

그 외 활용도 높은 실전 스킬 30여개 이상!

FAQ

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

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

#2. 리액트를 미리 공부하고 강의를 들어야 할까요?

아닙니다. 리액트 네이티브는 리액트가 베이스인 언어이지만, 강의에는 리액트의 기초 문법 설명이
포함되어 있습니다. 리액트를 전혀 모르셔도 이 강의를 통해 리액트와 리액트 네이티브를 배워가실 수 있으실겁니다.

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

네. 업데이트됩니다.
여러분들의 수강평 및 리액트 네이티브 버전 업데이트에 따라서 강의는 계속해서 업데이트 됩니다!

수강 전 참고사항🧳

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

실습 환경🪓

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

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

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

학습 자료📜

  • 매 강의마다 강의 하단에 중요한 자료들이 있습니다! 만약 강의에서 설명이 생략되는 개발 용어가 등장하거나, 코드 등이 필요한 상황에서는 강의 하단을 참고해주시면 됩니다.


선수지식 및 유의사항

  • 이 강의는 React의 기본적인 문법들과 React Native를 배우는 강의입니다. React를 알고 계시면 강의를 수월하게 들으실 수 있으나, React를 모르셔도 문제없이 강의를 들으실 수 있습니다.

  • 이 강의는 2024년 7월에 기획하고 녹화하였습니다.

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


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

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


  • 본 강의는 오직 강의를 결제한 수강자 본인만 수강해야만 하며,
    공유 및 2차 창작은

    예외 없이 금지입니다.

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

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

5시간을 투자하셔서 완전한 앱 개발자가 되어보세요.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 아이디어를 직접 앱으로 만들고 싶으신 분들

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

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

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

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

  • 앱 개발 분야에 관심이 있으셨던 분들

선수 지식,
필요할까요?

  • React.js (선택)

  • Javascript (선택)

Hello, World.

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

FAQ

  1. 사용할 수 있는 스택:

    React Native, JavaScript, p

    ython, TypeScript, React.js

  2. 전문분야:

    React Native(앱 개발)

LECTURES

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

커리큘럼

전체

30 ∙ 4시간 7분

강의 게시일: 2024년 08월 09일
마지막 업데이트일: 2024년 09월 18일

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!