react native 스터디를 참여하면서 개인적으로 정리하는 곳.
각자 원하는 자신만의 앱을 하나씩 만들어 보는 것을 기본 목표로 Codepush등을 통해서 배포를 하고, Redux를 통해서 state를 관리하는 것을 최종 목표로 생각. (스터디를 단계적으로 진행)
API를 하나로 정하기보다는 각 회사에서 제작한 모바일 앱 or 웹을 React Native로 만들어 보는 것을 추천하고 싶음. 꼭 회사용이 아니더라도 각자 만들고 싶은 앱을 자유롭게 진행.
생각나는 앱이 없으면 Open API를 이용한 날씨 앱. (Weather Planet)
7명 (변동가능)
9월 24일 강남 토즈 1시에서 첫 스터디에서 최종 결정~!!!
- 예습 : 환경설정(React Native Getting Started 따라해오기) (못해온 사람은 옆에서 당일 도와주기)
- 예습 : React JS 강좌 섹션 1 ~ 3까지 보고오기. (React Native를 하기위해서 기본적인 React JS에 대해서 어느정도 알아야 진행이 가능함)
- xcode(mac), android studio 설치해오기
- 진행했던 프로젝트 결과물 공유 + codepush로 앱 배포 / (김준극)
- 앞으로의 스터디 장소 및 시간 결정
- 2일차 예습 공지 및 발표자 선정
- 예습 : react-native의 COMPONENTS 예제 모두 따라해보기 (IOS, Android는 제외)
- COMPONENTS 복습 발표 / (???)
- react lifecycle 발표 / (???)
- 3일차 예습 공지 및 발표자 선정
- 예습 : react-native의 APIS 예제 모두 따라해보기 ([react-native UI 기초] (https://g6ling.gitbooks.io/react-native-tutorial-korean/content/chapter1.html))
- APIS 복습 발표 / (???)
- JavaScript Environment에 있는 ES6 문법 설명 / (???)
- CSS Flexbox / (???)
- StyleSheet 작업하면서 수치 값에 대한 경험 공유. / (김준극)
시간이 만약 모자르면 CSS Flexbox와 StyleSheet 작업하면서 수치 값에 대한 경험은 다음 시간에...
- 예습 : 각자 샘플 앱을 만들어서 공유 (StyleSheet를 제외한 Navigation을 적용하여 기본 페이지 작성)
- StyleSheet를 포함하여 Fetch까지 적용된 최종 샘플 앱 완료.
- 앱 등록 및 배포
- CodePush 적용
- Redux 활용
내가 처음에 환경설정할 때 React Native 버전은 0.18... 지금은 0.32.0 ... 참으로 빠르다는 생각이...
React Native Getting Started를 참고하면 된다. 오랜만에 보니 전보다 훨씬 잘 정리가 되어있었음
전에 내가 세팅하던 과정. (참고용) Wise의 React Native – 기본 세팅하기
- React & Express 를 이용한 웹 어플리케이션 개발하기
- React Native를 사용한 초간단 커뮤니티 앱 제작
- 리액트 네이티브로 시작하는 앱 개발 #1
- [앱 예제 - SendBird 채팅앱] (http://blog.sendbird.com/ko/tutorialreact-native%EC%97%90%EC%84%9C-%EC%B1%84%ED%8C%85-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0/)
- [앱 예제 - open API 활용 예제] (https://github.com/kjk7034/RealTimeEmergencyDepartmentInfo)
react-native init reactNativeStudy