React Native with Expo: 제로초에게 제대로 배우기
제로초(조현영)
웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.
초급
React, React Native, 하이브리드 앱
리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.
리액트 네이티브
리액트 내비게이션
토큰 인증
네이버 지도
네이티브 모듈
웹소켓
푸쉬 알림
코드푸쉬
앱 출시
"믿고 듣는" 제로초의
모바일 앱 개발 강의! 🤳
리액트 네이티브로 라이더용 배달 앱을 따라 만들며
환경세팅, 개발, 배포까지 전부 배워봅시다!
(리액트를 아신다면 누구든 앱을 만들 수 있어요.)
리액트 네이티브를 통해 현재 회사의 앱을 만들어서 안정적으로 운영하고, 카카오 모빌리티에 회사 매각도 가능했기 때문에 저에게는 매우 고마운 기술입니다.
하지만 시중에 판매 중인 리액트 네이티브 강의들을 보니 대부분 엑스포를 쓰고 있거나, 너무 간단한 앱이라 네이티브단을 다루지 않는 강좌들이 많았습니다. (JS만 알면 네이티브를 몰라도 앱을 만들 수 있다는 거짓된 정보도 많았고요.)
그래서 저만의 스타일로, 잘못된 오해를 바로잡고 첫 프로젝트 설정부터 출시까지 겪는 일들을 현실적으로 알려드리고자 강의를 만들었습니다.
📌 모르는게 있다면, 질문해주세요!
24시간 이내에 빠르게 답변해드립니다.
안드로이드와 iOS를
다 배우기엔 부담스러우신 분
타 플랫폼으로의
기술 스택 확장을 원하시는 분
리액트 네이티브 하나로
앱 출시까지 하고싶으신 분
강의를 듣고난 후의 내 모습 💭
Q. 리액트를 알아야하나요?
네, 리액트 네이티브도 리액트입니다. 잘 모르시는 분들은 제 무료 강좌를 먼저 보고 오시면 충분히 이해하실 수 있습니다. 추가적으로, CSS의 Flex 지식은 어느 정도 있으시면 좋습니다.
Q. 타입스크립트로 꼭 해야하나요?
강좌 중 어떤 부분이 타입스크립트 코드인지 정확하게 알려드리기 때문에 원하신다면 타입스크립트를 빼고 자바스크립트로 전환해서 학습하실 수 있습니다.
그러나 자바스크립트 생태계는 이제 거의 타입스크립트로 전환되었다고 보셔도 무방하고, 대기업들은 신규 개발을 할 때 거의 타입스크립트를 사용한다는 점은 참고해주세요!
Q. 리액트랑 리액트 네이티브랑 비슷한가요?
기본적인 원리 (state, props, 라이프사이클, 훅 등)는 비슷합니다. 하지만 div, input 같은 컴포넌트 대신 네이티브에 대응되는 컴포넌트가 따로 있습니다. 화면 그리는 법은 강좌에서 따로 알려드립니다.
Q. 요즘 플러터가 인기많던데 꼭 리액트 네이티브인 이유가 있나요?
플러터 대신 리액트 네이티브를 사용한 이유인 코드푸쉬 (출시없이 실시간 소스 변경)도 함께 배우니, 강의에서 확인해주세요!
Q. 맥이나 아이폰이 필요한가요?
안드로이드 쪽은 윈도우로도 충분하고 강좌도 윈도우로 진행됩니다. 다만 아이폰 앱 개발을 하려면 윈도우에서는 매우 느리고 라이선스 문제도 있기 때문에 맥이 필요합니다. 아이폰은 필수는 아닌지만 출시 테스트를 위해서 있으면 더 좋습니다.
학습 대상은
누구일까요?
리액트 네이티브로 앱개발을 하고 싶으신 분
리액트를 통해 다른 플랫폼으로 기술 스택을 넓히고 싶은 분
선수 지식,
필요할까요?
리액트
자바스크립트
63,891
명
수강생
1,526
개
수강평
9,605
개
답변
4.8
점
강의 평점
22
개
강의
제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!
One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.
👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.
– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)
Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)
전체
63개 ∙ (13시간 47분)
1. 리액트 네이티브 시작하기
11:29
2. 필수시청[에러질문법]
15:53
3. 윈도우-안드로이드 환경 설정하기
12:27
4. [맥 전용]환경 설정하기 1편
09:57
5. [맥 전용]환경 설정하기 2편
08:07
6. 프로젝트 시작하기
10:32
9. 데브메뉴와 Flipper
14:00
11. 리액트 내비게이션 사용해보기
14:06
12. flex와 요소 배치
12:39
16. 앱 라우터 구성하기
14:16
17. 스크린과 중첩 라우팅
14:12
18. 로그인 화면 만들기
17:22
19. TextInput 사용하기
17:24
22. 리덕스 연결하기
18:09
23. axios로 서버에 요청보내기
11:37
28. 리덕스 소개
15:44
30. 웹소켓 연결하기
10:50
전체
58개
4.8
58개의 수강평
수강평 2
∙
평균 평점 5.0
수강평 1
∙
평균 평점 5.0
5
꿀팁 많이 알고 갑니다. 이해하기도 쉽고 도움이 확실히 됩니다. 한가지 아쉬운거는 실제 실무에서 쓰는 것처럼 클린한 코드를 유지하기 위한 꿀팁도 얻고 싶었으나 생각보다 중복된 코드, 중복된 컴포넌트, 같은 기능을 하는 함수가 많았음.. 그런 부분을 어떻게하면 효과적으로 정리하는지 실무에서 쓰는 것처럼 코드를 볼 수 있을 줄 알았음 그게 아쉽네 타입 정의도 더 개빡세게 할 수 있을텐데.. 아쉬움 타입 스크립트 실무에서 쓰는 것 처럼 개빡세게 쓰는 것도 보고싶었는데 말이죵
"사실 실무에서 코딩할 때는 시간이 없고 귀찮아서 이 강좌처럼 중복된 코드가 많습니다. 오히려 더 실무를 반영한 것이죠!"... 는 농담이고요. 시간 될 때 한 번 수정해보도록 하겠습니다. 감사합니다 ㅎㅎ
해당 댓글에 공감합니다. 지금 강의 구성도 너무 좋은데요. 리팩토링 섹션이 별도로 존재하여 전체 리팩토링은 아니더라도 하나를 제대로 리팩토링하는 강좌가 있으면 정말 완벽한 강의가 될것 같습니다 !
수강평 2
∙
평균 평점 4.5
4
게시되어있던 것처럼 초심자 분들에게는 좀 어려울 것 같습니다. 어려워도 일단 들어보고 판단해보자 라는 생각으로 강의를 듣기 시작했는데 저는 진짜 기초도 없다는 걸 여기서 느끼네요. ㅋㅋㅋㅋㅋ 약간 아쉬웠던 점은 강의가 a를 설명하시던 중에 b가 생각나셔서 b 설명해주시는 왔다갔다하는 약간 정리가 안되는 느낌이 좀 있습니다. 다른 강의 처럼 ppt나 이미지를 사용해서 정리하시기보다는 수업중간에 개념을 타이핑해주시면서 그때그때 설명해주십니다. 가끔은 수업을 빡집중해야 어떤 의도로 말씀하시는지 이해가 되는 것 같습니다. 수업을 집중하게 되니까 오히려 좋은 부분일지도..? 확실히 초급자 이상수업을 들어야 수월하게 들을 실 수 있을 것 같네용. 하여튼 react 공부하고 다시 수업들으려고 반정도만 듣고 스톱해놨습니다... 여기서 더 들어도 제가 이해를 못할 것같아서요. 제로초짱
수강평 5
∙
평균 평점 4.8
5
강의 방식은 코드리뷰 입니다. 앱 만들기 파트부터는 폴더구조나 화면구성에서 같이 코딩하긴 하지만, 기본적인 틀은 강사님이 짜신 코드를 켜놓고 같이 하나하나 읽으면서 흐름을 파악하는 방식으로, 자바스크립트랑 리액트를 어느정도 따라갈 수 있는 수준이 되었을 때 이해할만 합니다. 강사님보다는 직장선배같은 느낌이여서 좋았습니다. 설명하실 땐 책에서도 자세히 설명하지 않아 그냥 외웠던 걸 심도있게 설명하시거나, 반대로 굳이 하나하나 곱씹으면서 할필요는 없는 것(예를들면 export default, useState, 삼항연산자 등)들은 과감하게 지나가서 입문자보단 확실히 중급자한테 어울린다고 볼 수 있었습니다. 저는 실무 하다가 필요에 의해 강의를 수강하게 되었는데 저랑 너무 잘 맞습니다!!
수강평 1
∙
평균 평점 5.0
5
하나의 앱을 같이 만들어보는 올인원 강의 입니다. 실무와 앱 출시를 진짜 해보려는 분들에게 보석같은 강의일 것 같습니다. 수박 겉핥기 식으로 대충 쉽게 만들어 보는게 아니라, 실제 RN으로 앱을 출시해본 경험을 바탕으로 RN으로 앱을 출시하면 겪는 고충들을 팁으로 녹여내어 수업 내내 집중하며 듣게 됩니다. 실무에 적용이 필요하신 분들께 강추합니다. 난이도는 다소 있을 수 있지만, 다 듣고 나면 RN 으로 앱 출시할 때 어떤 부분들이 필요한 지 확실히 알 수 있게 됩니다. 강의 감사합니다! 그리고 저처럼 의지가 약하신 분들은 제로초님이 운영하시는 타임어택 강추 드립니다. 매주 진도 목표와 같이 수강하시는 분들의 피드백을 보며 게을러지는 것을 방지할 수 있습니다ㅎㅎ
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!
월 ₩14,300
5개월 할부 시
₩71,500