개발 · 프로그래밍

/

모바일 앱 개발

[2024] React Native로 앱 개발 입문부터 마스터까지

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

(2.3) 수강평 3개

수강생 67명

React NativeReactTypeScriptJavaScriptNode.js
Thumbnail

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

이런 걸
배워요!

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

  • 리액트 실전 문법

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

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

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

[2024] [UPDATE] React Native로 앱 개발 입문부터 마스터까지

[NEW!] 9월 신규 강의 전체 리뉴얼

ㄱ새로워진 강의로 돌아왔습니다.

9월 촬영 / 10월 편집본
100% 새롭게 재탄생한 강의를 지금 바로 만나보세요.

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

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

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

5년동안 앱 개발만 한 앱개발자가 실전 노하우를 알려드립니다.

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

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

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

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

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

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

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

·💸나만의 앱서비스를 개발해 수익화를 원하시는 분들

왜 React Native를 사용하는 건가요?

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

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

React Native는 Meta가 개발한 앱 개발 프레임워크로, 이미 국내 및 해외의 1,000여개 이상 전세계적 대기업들이 채택하여 사용하고 있습니다.
ex) 토X, 배X의민족, 인스타그램, 페이스북, 테슬라, 핀터레스트 등

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

React Native는 한 번의 코드 작성으로 iOS와 Android 플랫폼 모두에서 작동하는 앱을 만들 수 있게 해줍니다. 이는 개발자들이 두 개의 별도 코드를 작성할 필요 없이, 시간과 비용을 절감할 수 있다는 것을 뜻합니다. 이로 인해 동일한 UI 컴포넌트를 사용하여 두 플랫폼에서 일관된 사용자 경험을 제공할 수 있습니다.

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

React Native는 강력한 개발자 커뮤니티와 생태계를 자랑합니다. GitHub와 Stack Overflow에서 활발하게 활동하는 10,000여명 이상의 개발자들이 문제 해결을 돕고, 다양한 라이브러리와 플러그인들이 지속적으로 개발되고 있습니다. 커뮤니티의 지원 덕분에 새로운 기능이나 업데이트가 빠르게 적용되며, 최신 트렌드에 발맞출 수 있습니다.

POINT 4 빠른 개발과 핫 리로딩

React Native는 핫 리로딩이라는 기능을 통해 개발자가 코드를 수정할 때마다 앱을 다시 시작할 필요 없이 즉시 변경 사항을 확인할 수 있습니다. 이는 개발 과정 속에서의 생산성을 극대화하며, 실시간으로 UI를 구성하고 디버깅할 수 있게 해줍니다. 즉, 개발자들은 빠른 피드백을 통해 훨씬 더 나은 사용자 경험을 제공할 수 있으며, 개발 기간이 단축됩니다. 이러한 속도는 특히 스타트업이나 MVP(최소 기능 제품)를 개발할 때 큰 장점이 됩니다.

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

React Native는 네이티브 컴포넌트를 사용하여 뛰어난 성능을 자랑합니다. JavaScript로 작성된 코드가 네이티브 API와 직접 상호작용하기 때문에, 성능 저하 없이 원활한 사용자 경험을 제공할 수 있습니다. 특히 애니메이션과 제스처 처리에서 탁월한 성능을 발휘하여, 사용자들이 매끄럽고 반응성이 뛰어난 앱을 사용할 수 있도록 합니다. 이러한 특성 덕분에 많은 기업들이 React Native를 채택하여 고품질의 모바일 애플리케이션을 제공하고 있습니다.

제목을-입력해주세요_-001 (26)

강의를 듣고 나면...💭

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

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

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

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

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

이 강의의 특징은?⭐

실습 위주의 강의🏃‍➡

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

실전에 충실한 강의🤺

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

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

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

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

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

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

섹션 3부터의 5개 프로젝트들의 모든 구성은 이러한 구성으로 이루어져 있습니다. 이러한 체계적인 구성은 여러분들이 가장 쉽게 강의를 들으실 수 있게 직접 고안해낸 구성입니다.

Figma 선 디자인 후 개발

실무 활용도 1위, 다수의 대기업들과 개발자들이 선호하는 레이아웃 도구인 Figma를 실제로 사용하고 그에 맞춰서 개발하는 효과를 직접적으로 경험하실 수 있습니다.

강의 내 100% 자막 제공

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

강의 100% 몰입 자막 스타일

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

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

전 지난 2년간부터 지금까지도 패션계에 종사하고 있는 디자이너입니다. 예술에 대한 깊은 노력과 배움을 활용해 감각적으로 레이아웃에 적용시켜서 아름다운 UI를 제작해 냅니다.

생략 X 전체 코드 제공

여러분들이 각종 문제를 겪으실 때 전체 코드와 비교해 가시면서 문제를 해결하실 수 있도록 모든 프로젝트 강의 하단에 생략 없는 전체 코드를 제공해드립니다.

강의 하단 이중 개념설명

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

강의 내의 모든 개념 설명

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

신속한 강의 질문 답변

답변속도 평균 4시간 이내, 들어오는 모든 질문을 발빠르고 친절하게 답변해 드립니다.

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

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

인프런 타 강의

30,000₩ 이상

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

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

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

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

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

📃설명이 부족한 강의

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

VS

[2024] React Native로 앱 개발 입문부터 마스터까지

22,000₩

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

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

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

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

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

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

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

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

섹션 1. INTRO

- 미리보기 섹션
- 강의 구성 설명

✯✩✩✩✩
섹션 2. REACT NATIVE

- 미리보기 섹션
- 변수, 함수 등 기본적인 코딩 지식 설명
- React Native 살펴보기

✯✯✩✩✩
섹션 3. 시작하기

- 개발 환경 구성
- 앱 빌드 방법
- React Native 기본 컴포넌트 살펴보기

✯✯✯✩✩
섹션 4. 계산기 앱

- Figma 사용법
- 기본 컴포넌트 마스터
- 복잡한 로직 논리적 구현
- useState 활용 기초

✯✯✩✩✩
섹션 5. 번역 앱

- 번역 기능 구현
- Picker 기능 구현
- 복잡한 로직 이해 및 구현
- useState 심화 활용

✯✯✯✩✩
섹션 6. 날씨 앱

- API 기초 이해 및 활용
- 사용자 위치 접근
- useState 완벽 활용
- 컴포넌트 속성 심화 활용

섹션 7. 코인 앱 ✯✯✯✯✯

- 개발 보조를 위한 Figma 레이아웃 기초 활용
- 하단 탭 이동(Bottom Tab Navigation) 기능 구현
- 화면 이동(Stack Navigation) 기능 구현
- 이미지 생성 및 자유자재 스타일링
- 카드 형태 컴포넌트 고급 스타일링
- Map 함수 ⇄ API 데이터 연계 활용 => 리스트 형태 컴포넌트 스타일
- Stack Navigation 데이터 Route 이해 및 활용
- 검색창 스타일 & 검색 기능 구현

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

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년 9월에 기획하고 녹화하였습니다.

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


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

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


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

    예외 없이 금지입니다.

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

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

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

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

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

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

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

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

선수 지식,
필요할까요?

  • React.js (선택)

  • Javascript (선택)

안녕하세요
정현우입니다.

Hello, World.

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

FAQ

  1. 사용할 수 있는 스택:

    React Native, JavaScript, p

    ython, TypeScript, React.js

  2. 전문분야:

    React Native(앱 개발)

LECTURES

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

커리큘럼

전체

31개 ∙ (3시간 45분)

  • 개발 환경 구성

    10:34

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

수강평

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