리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.
이런 걸
배워요!
리액트 네이티브
리액트 내비게이션
토큰 인증
네이버 지도
네이티브 모듈
웹소켓
푸쉬 알림
코드푸쉬
앱 출시
"믿고 듣는" 제로초의
모바일 앱 개발 강의! 🤳
리액트 네이티브로 라이더용 배달 앱을 따라 만들며
환경세팅, 개발, 배포까지 전부 배워봅시다!
(리액트를 아신다면 누구든 앱을 만들 수 있어요.)
리액트 네이티브를 통해 현재 회사의 앱을 만들어서 안정적으로 운영하고, 카카오 모빌리티에 회사 매각도 가능했기 때문에 저에게는 매우 고마운 기술입니다.
하지만 시중에 판매 중인 리액트 네이티브 강의들을 보니 대부분 엑스포를 쓰고 있거나, 너무 간단한 앱이라 네이티브단을 다루지 않는 강좌들이 많았습니다. (JS만 알면 네이티브를 몰라도 앱을 만들 수 있다는 거짓된 정보도 많았고요.)
그래서 저만의 스타일로, 잘못된 오해를 바로잡고 첫 프로젝트 설정부터 출시까지 겪는 일들을 현실적으로 알려드리고자 강의를 만들었습니다.
📌 모르는게 있다면, 질문해주세요!
24시간 이내에 빠르게 답변해드립니다.
안드로이드와 iOS를
다 배우기엔 부담스러우신 분
타 플랫폼으로의
기술 스택 확장을 원하시는 분
리액트 네이티브 하나로
앱 출시까지 하고싶으신 분
강의를 듣고난 후의 내 모습 💭
Q. 리액트를 알아야하나요?
네, 리액트 네이티브도 리액트입니다. 잘 모르시는 분들은 제 무료 강좌를 먼저 보고 오시면 충분히 이해하실 수 있습니다. 추가적으로, CSS의 Flex 지식은 어느 정도 있으시면 좋습니다.
Q. 타입스크립트로 꼭 해야하나요?
강좌 중 어떤 부분이 타입스크립트 코드인지 정확하게 알려드리기 때문에 원하신다면 타입스크립트를 빼고 자바스크립트로 전환해서 학습하실 수 있습니다.
그러나 자바스크립트 생태계는 이제 거의 타입스크립트로 전환되었다고 보셔도 무방하고, 대기업들은 신규 개발을 할 때 거의 타입스크립트를 사용한다는 점은 참고해주세요!
Q. 리액트랑 리액트 네이티브랑 비슷한가요?
기본적인 원리 (state, props, 라이프사이클, 훅 등)는 비슷합니다. 하지만 div, input 같은 컴포넌트 대신 네이티브에 대응되는 컴포넌트가 따로 있습니다. 화면 그리는 법은 강좌에서 따로 알려드립니다.
Q. 요즘 플러터가 인기많던데 꼭 리액트 네이티브인 이유가 있나요?
플러터 대신 리액트 네이티브를 사용한 이유인 코드푸쉬 (출시없이 실시간 소스 변경)도 함께 배우니, 강의에서 확인해주세요!
Q. 맥이나 아이폰이 필요한가요?
안드로이드 쪽은 윈도우로도 충분하고 강좌도 윈도우로 진행됩니다. 다만 아이폰 앱 개발을 하려면 윈도우에서는 매우 느리고 라이선스 문제도 있기 때문에 맥이 필요합니다. 아이폰은 필수는 아닌지만 출시 테스트를 위해서 있으면 더 좋습니다.
학습 대상은
누구일까요?
리액트 네이티브로 앱개발을 하고 싶으신 분
리액트를 통해 다른 플랫폼으로 기술 스택을 넓히고 싶은 분
선수 지식,
필요할까요?
리액트
자바스크립트
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
https://www.zerocho.com/lecture
제로초 강의 전체 로드맵
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
전체
63개 ∙ (13시간 47분)
리액트 네이티브 시작하기
11:29
필수시청[에러질문법]
15:53
윈도우-안드로이드 환경 설정하기
12:27
[맥 전용]환경 설정하기 1편
09:57
[맥 전용]환경 설정하기 2편
08:07
프로젝트 시작하기
10:32
기본 프로젝트 구조와 index.js
08:51
리액트 네이티브 기본 컴포넌트 분석
16:36
데브메뉴와 Flipper
14:00
리액트 내비게이션 사용해보기
14:06
flex와 요소 배치
12:39
리액트 내비게이션 화면 전환하기
10:52
라우트 params와 헤더 옵션들
12:18
앱 라우터 구성하기
14:16
스크린과 중첩 라우팅
14:12
로그인 화면 만들기
17:22
TextInput 사용하기
17:24
리덕스 연결하기
18:09
axios로 서버에 요청보내기
11:37
리덕스 소개
15:44
웹소켓 연결하기
10:50