리액트 네이티브
프로젝트반 진행계획
모두의 코딩
Project plan
프로젝트반 진행계획
1
2
3
4
모집대상 자바스크립트와 react.js, 앱의 기본개념을 어느 정도 알고 있
거나 잘 모르더라도 구글링해서 작업할 수 있을 정도의 실력을
가진 구성원으로 팀프로젝트를 통해 단기간에 실력향상을 도모
하고 실전 코딩을 통해 실무능력을 배양하고 싶은 분
참여가능 수준 자바스크립트 기본문법을 알고 배열, 객체를 다뤄본 분.
node.js를 설치하고 React로 todolist 예제정도 해보신 분.
네이티브 앱을 개발해보신 분.
목표
리액트네이티브로 퀄리티 높은 포트폴리오를 만들어보면서 단
기간에 내공 상승을 하고 미니 프로젝트를 만들 수 있는 코딩능
력을 배양하여 자신감을 얻기.
이런 분은 제외
교육 이외의 목적을 갖고 임하는 분.
남에게 불쾌감을 주는 인성을 가진 분.
불성실한 분.
프로젝트반 진행계획
5
6
7
8
진행계획
매주 토요일 3시간(15-18)시. 전문개발자의 코칭 + 참고소스,
접근방법 제시.
나머지 주중 시간에 온라인 지속적 미팅.
미팅방법
주중 화/목 저녁 8시 ~ 9시까지 온라인미팅 참여가능한 분은
참여. 참여방법은 온라인 팀뷰어 또는 구글 행아웃으로 화면 공
유 후 각자 발표. 각 팀원별 역할 분배, 진도체크, 산출물 공유
공유방법 github로 소스 산출물 공유. 커밋, 푸시, 풀 등 소스 통합 유지.
준비물
토요일 모임시 개인노트북 지참.
없으면 학원 현장에서 제공가능하나 자신의 노트북에서 개발할
것을 권장함.
각 주차별 진행계획(1)
- 팀 편성 또는 개인
- 프로젝트 주제 선정( 유저 -> 게시판 -> 맛집/영화관/낚
시터 등)
- 개발환경 세팅.
- React Native 컴포넌트와 애니메이션
- 로그인 / 회원 가입
- 아이디, 비밀번호 찾기
- 아이디 유효성 검사(정규식), 중복 체크
- Firebase Authenticate, AsyncStorage (아이디 저장)
- 단순 게시판 제작
- 댓글 구현
- 계층형 게시판의 이해
- Firebase Cloud Firestore
각 주차별 진행계획(2)
- 페이징 처리
- 파일 / 이미지(CameraRoll) 업로드 / 다운로드
- Firebase Cloud Storage
- 맛집 조회 (사용자 측면)
- 리스트, 주변 맛집(Geolocation)
- 평점(좋아요) 주기
- 관심 맛집 등록 (행사 발생시 사용자에게 알림 기능- Firebase Cloud
Messaging)
- 맛집 관리 (관리자 / 맛집 운영자 측면)
- 등록(사진 업로드 등)
- 위치 등록 (Geocoding – Fetch, WebSocket)
- 행사 등록
• 사이트의 회원 관리를 위한 기능으로Firebase
Authenticate 를 이용하여 구현
• 로그인 / 회원 가입, 아이디, 비밀번호 찾기 기능으로 구성
• 회원 가입시 아이디 유효성 검사(정규식), 중복 체크 필요
• 로그인은 사용자 편의를 위해 아이디 저장(AsyncStorage)
기능 필요
• 아이디 / 비번 방식 외에도 구글(gmail), 페이스북, 트위터
등을 이용하여 로그인
로그인과 사용자 관리
• 단순 게시판 제작
• 댓글 구현
• NoSQL의 일종인 Firebase Cloud Firestore에 저장
• 페이징 처리
• Firebase Cloud Storage 기능을 이용하여 파일 / 이미지
(CameraRoll) 업로드 / 다운로드
게시판
맛집 조회 (사용자 측면)
• 리스트, 주변 맛집(Geolocation)
• 평점(좋아요) 주기, 평점 평균에 대한 정렬 알고리즘 제작
• 관심 맛집을 등록하면 맛집에서 행사 발생시 사용자에게 알림 기능-
Firebase Cloud Messaging
맛집 (영화관 등)
맛집 관리 (관리자 / 맛집 운영자 측면)
• 맞집 정보 (사진 업로드 등) 등록
• 위치 등록 (Geocoding – Fetch, WebSocket)
• 행사를 등록하여 사용자에게 알림 제공

Team project(with reactnative)

  • 1.
  • 2.
    프로젝트반 진행계획 1 2 3 4 모집대상 자바스크립트와react.js, 앱의 기본개념을 어느 정도 알고 있 거나 잘 모르더라도 구글링해서 작업할 수 있을 정도의 실력을 가진 구성원으로 팀프로젝트를 통해 단기간에 실력향상을 도모 하고 실전 코딩을 통해 실무능력을 배양하고 싶은 분 참여가능 수준 자바스크립트 기본문법을 알고 배열, 객체를 다뤄본 분. node.js를 설치하고 React로 todolist 예제정도 해보신 분. 네이티브 앱을 개발해보신 분. 목표 리액트네이티브로 퀄리티 높은 포트폴리오를 만들어보면서 단 기간에 내공 상승을 하고 미니 프로젝트를 만들 수 있는 코딩능 력을 배양하여 자신감을 얻기. 이런 분은 제외 교육 이외의 목적을 갖고 임하는 분. 남에게 불쾌감을 주는 인성을 가진 분. 불성실한 분.
  • 3.
    프로젝트반 진행계획 5 6 7 8 진행계획 매주 토요일3시간(15-18)시. 전문개발자의 코칭 + 참고소스, 접근방법 제시. 나머지 주중 시간에 온라인 지속적 미팅. 미팅방법 주중 화/목 저녁 8시 ~ 9시까지 온라인미팅 참여가능한 분은 참여. 참여방법은 온라인 팀뷰어 또는 구글 행아웃으로 화면 공 유 후 각자 발표. 각 팀원별 역할 분배, 진도체크, 산출물 공유 공유방법 github로 소스 산출물 공유. 커밋, 푸시, 풀 등 소스 통합 유지. 준비물 토요일 모임시 개인노트북 지참. 없으면 학원 현장에서 제공가능하나 자신의 노트북에서 개발할 것을 권장함.
  • 4.
    각 주차별 진행계획(1) -팀 편성 또는 개인 - 프로젝트 주제 선정( 유저 -> 게시판 -> 맛집/영화관/낚 시터 등) - 개발환경 세팅. - React Native 컴포넌트와 애니메이션 - 로그인 / 회원 가입 - 아이디, 비밀번호 찾기 - 아이디 유효성 검사(정규식), 중복 체크 - Firebase Authenticate, AsyncStorage (아이디 저장) - 단순 게시판 제작 - 댓글 구현 - 계층형 게시판의 이해 - Firebase Cloud Firestore
  • 5.
    각 주차별 진행계획(2) -페이징 처리 - 파일 / 이미지(CameraRoll) 업로드 / 다운로드 - Firebase Cloud Storage - 맛집 조회 (사용자 측면) - 리스트, 주변 맛집(Geolocation) - 평점(좋아요) 주기 - 관심 맛집 등록 (행사 발생시 사용자에게 알림 기능- Firebase Cloud Messaging) - 맛집 관리 (관리자 / 맛집 운영자 측면) - 등록(사진 업로드 등) - 위치 등록 (Geocoding – Fetch, WebSocket) - 행사 등록
  • 6.
    • 사이트의 회원관리를 위한 기능으로Firebase Authenticate 를 이용하여 구현 • 로그인 / 회원 가입, 아이디, 비밀번호 찾기 기능으로 구성 • 회원 가입시 아이디 유효성 검사(정규식), 중복 체크 필요 • 로그인은 사용자 편의를 위해 아이디 저장(AsyncStorage) 기능 필요 • 아이디 / 비번 방식 외에도 구글(gmail), 페이스북, 트위터 등을 이용하여 로그인 로그인과 사용자 관리
  • 7.
    • 단순 게시판제작 • 댓글 구현 • NoSQL의 일종인 Firebase Cloud Firestore에 저장 • 페이징 처리 • Firebase Cloud Storage 기능을 이용하여 파일 / 이미지 (CameraRoll) 업로드 / 다운로드 게시판
  • 8.
    맛집 조회 (사용자측면) • 리스트, 주변 맛집(Geolocation) • 평점(좋아요) 주기, 평점 평균에 대한 정렬 알고리즘 제작 • 관심 맛집을 등록하면 맛집에서 행사 발생시 사용자에게 알림 기능- Firebase Cloud Messaging 맛집 (영화관 등) 맛집 관리 (관리자 / 맛집 운영자 측면) • 맞집 정보 (사진 업로드 등) 등록 • 위치 등록 (Geocoding – Fetch, WebSocket) • 행사를 등록하여 사용자에게 알림 제공