개발 · 프로그래밍

/

모바일 앱 개발

틴더 파이어베이스 클론 | 리액트 네이티브

최소한의 시간 내에 리액트 네이티브를 배울 수 있도록 해드리겠습니다. 필요 없는 부분은 넣지 않았습니다.

(3.0) 수강평 2개

수강생 26명

Thumbnail

중급자를 위해 준비한
[모바일 앱 개발, 풀스택] 강의입니다.

이런 걸
배워요!

  • React Native

  • Firebase

  • Expo

  • React Native Deck Swiper

  • React Navigation

  • ContextAPI

  • Tailwind CSS

리액트 네이티브 + 파이어베이스
4시간 안에 핵심만 빠르게 배우는 앱 개발!

앱스토어 인기 애플리케이션,
데이팅 앱 틴더(Tinder) 클론코딩!

리액트 네이티브파이어베이스를 이용해 실제 앱을 따라 구현해보며 실전 모바일 앱 개발 감각을 길러보세요.

혹시 지금 내 얘기 아닌가요?
(선수 지식: JavaScript, React)

 React 혹은
React Native를
할 줄 아시는 분

React Native를
처음 접하는
React 사용자

 React Native 기초만 
배운 상태에서 
실제 프로젝트 경험을 
하고 싶은 분 

강의를 마치고 나면
이런 것들을 할 수 있어요.

  • ✅ React Native 관련 프로젝트를 무리 없이 진행할 수 있습니다.
  • ✅ React Native에서 Firebase를 어떻게 활용하는지 배울 수 있습니다.
  • ✅ 4시간이라는 짧은 시간 동안 빠르게 React Native를 배울 수 있습니다.
  • ✅ 채팅 애플리케이션을 스스로 제작할 수 있습니다.
  • ✅ 실전에서 쓰이는 지식을 실제 프로젝트를 통해 체득할 수 있습니다.

학습 내용 📚

1) 로그인 스크린

EXPO GOOGLE AUTH를 통해서 회원가입 및 로그인 기능을 구현하는 법을 배우게 됩니다.

2) 프로필 스크린

사용자 정보를 파이어베이스에 입력하고 저장하는 법을 배웁니다.

3) 홈 스크린

React Native Deck Swiper를 통한 스와이핑 기능을 배울 수 있습니다.

파이어베이스를 통해 실시간으로 프로필 등록된 유저들을 렌더링 하는 법까지 함께 배웁니다.

4) 메시지 스크린

파이어베이스를 통해 메시지를 실시간으로 주고받는 법을 배울 수 있습니다.


현직 풀스택 개발자가 알려주는 
생생한 실전 모바일 앱 개발

1. 필요없는 지식은 넣지 않았습니다.

학습을 위해 그동안 다양한 강의를 수강해왔고 지금도 수강하고 있습니다. 그런데 시간은 없는데, 너무 불필요한 부분들에 시간을 할애하는 강의들이 많았습니다. 본질적인 것들만 가르쳐 주면 5~6시간 내로 나올 수 있는데 10시간, 20시간 넘어가는 강의들을 스킵하며 듣기가 너무 힘들었습니다. 그래서 4시간 내에 리액트 네이티브를 배울 수 있도록, 짧지만 묵직한 강의를 만들었습니다.

2. 실전적인 지식만 담았습니다.

실제적으로 사용할 수 있고, 실전에서 사용되는 지식만 담았습니다. 
방대한 이론을 배우긴 했는데, 이거를 어떻게 실전 프로젝트에서 사용할지 모르는 경우가 허다합니다. 이론에 치중하여 어떤 상황에서 이 코드를 사용할지 모른다면 의미 없는 공부에 불과합니다. 실제 프로젝트를 통해서 직접 코딩을 해볼 때에만 실제 자신의 것으로 체득할 수 있습니다.

3. 최소한의 초기설정으로 간단하게 시작할 수 있습니다. (Expo)

원래 React Native를 사용하기 위해서는 운영체제에 따라 Android Studio 혹은 Xcode 설정을 해야 합니다. 이런 초기 설정이 이루어져야 스마트폰 시뮬레이터를 노트북 상에 빌드할 수 있습니다. 그러나 그렇게 간단한 부분이 아니기 때문에 초기에 React Native에 진입하기가 어렵습니다.
하지만 이 강의에서는 Expo를 사용하여, 가지고 계신 스마트폰에 Expo Go라는 어플만 다운로드하면 QR코드를 찍는 것만으로도 앱 개발을 할 수 있습니다. 따라서 처음 React Native를 시작하신다고 하셔도 부담 없이 코딩을 바로 시작하실 수 있습니다.

4. 프론트엔드와 백엔드를 따로 구분하여 촬영했습니다.

React Native 프론트엔드만 배우고 싶은 분이 있고, React Native에서 Firebase를 어떻게 적용하는지만 보고싶은 분들도 계실 것입니다. 그래서 수강생 여러분의 시간을 최대한 절약하기 위해 꼭 필요한 부분만 정확히 수강하실 수 있도록 강의를 구성했습니다.
섹션 1에서는 프론트엔드를, 섹션 2에서는 Firebase 백엔드로 구분하였습니다. 지금 내게 필요한 부분에 집중해서 편리하게 학습해 보세요. 

이 강의를 만든 지식공유자는 👀

2년간 스타트업에서 풀스택 개발자로 근무 중입니다.
현재는 아이비리그 및 FANG 출신(Facebook, Apple, Netflix, Google) 개발자들과 함께 이커머스에서 사용하는 대시보드를 제작하는 스타트업에서 근무하며 프론트엔드 부분을 주로 맡아 하고 있습니다.

제 경험을 토대로 만든 이번 강의가 React Native를 배우려는 분들께 도움이 될 수 있기를 바랍니다!


Q&A 💬

Q. 초기 세팅이 어느 정도까지 필요한가요?

우선 React 혹은 React Native 초기설정을 해놓으신 분들이라면 Visual Studio Code와 Node.js가 설치되어있으실 텐데요, 그 두 가지만 있으면 충분합니다!

Q. XCode나 Android Studio 초기 설정하는 방법을 알려주시나요?

아니요. 최소한의 시간 내에 React Native를 배우는 것이 이번 강의의 목적이기 때문에 Expo를 선택하게 되었습니다. 시뮬레이터를 설정하지 않더라도 스마트폰으로 Expo Go라는 애플리케이션만 다운로드 받아 QR 코드를 찍으면 스마트폰으로도 앱 빌드가 되기 때문에 이 강의에서는 다루지 않을 겁니다.  

Q. 환경 세팅은 어느 정도까지 준비해야 할까요?

노트북(PC)은 Visual Studio Code, Node.js, Expo CLI까지 설치하셨다면 충분합니다! 또한 스마트폰에 Expo Go라는 애플리케이션을 다운로드 받으셔야 합니다.

이후 추가적으로 가능하신 분들은 OS에 따라 Android Studio 혹은 XCode 설정까지 해 주시면 될 것 같습니다. (필수는 아니기 때문에 걱정하지 않으셔도 됩니다)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 리액트를 배운 후 모바일 앱 개발을 배우고 싶은 개발자

  • 리액트 네이티브 기초를 넘어서 실제 프로젝트를 해보고 싶은 개발자

선수 지식,
필요할까요?

  • 자바스크립트

  • 리액트

안녕하세요
The Coders Studios입니다.

커리큘럼

전체

20개 ∙ (3시간 53분)

수업 자료

가 제공되는 강의입니다.

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

수강평

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