SlideShare a Scribd company logo
1 of 8
리액트 네이티브
프로젝트반 진행계획
모두의 코딩
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)
• 행사를 등록하여 사용자에게 알림 제공

More Related Content

What's hot

해외 대상 홈페이지 전략
해외 대상 홈페이지 전략해외 대상 홈페이지 전략
해외 대상 홈페이지 전략성혁 장
 
웹프로그래밍 팀프로젝트 중간발표
웹프로그래밍 팀프로젝트 중간발표웹프로그래밍 팀프로젝트 중간발표
웹프로그래밍 팀프로젝트 중간발표Seong Heum Park
 
웹 프로그래밍 팀프로젝트 최종발표
웹 프로그래밍 팀프로젝트 최종발표웹 프로그래밍 팀프로젝트 최종발표
웹 프로그래밍 팀프로젝트 최종발표Seong Heum Park
 
Wildgoose 최종데모
Wildgoose 최종데모Wildgoose 최종데모
Wildgoose 최종데모KIM HEE JAE
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kennyKenny Kim
 
Cms All
Cms AllCms All
Cms Allwiim
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final examsLEEBORA4
 
infosystemron8zo
infosystemron8zoinfosystemron8zo
infosystemron8zoJK Kim
 

What's hot (9)

해외 대상 홈페이지 전략
해외 대상 홈페이지 전략해외 대상 홈페이지 전략
해외 대상 홈페이지 전략
 
교바사
교바사교바사
교바사
 
웹프로그래밍 팀프로젝트 중간발표
웹프로그래밍 팀프로젝트 중간발표웹프로그래밍 팀프로젝트 중간발표
웹프로그래밍 팀프로젝트 중간발표
 
웹 프로그래밍 팀프로젝트 최종발표
웹 프로그래밍 팀프로젝트 최종발표웹 프로그래밍 팀프로젝트 최종발표
웹 프로그래밍 팀프로젝트 최종발표
 
Wildgoose 최종데모
Wildgoose 최종데모Wildgoose 최종데모
Wildgoose 최종데모
 
벤치마킹 20120329 kenny
벤치마킹 20120329 kenny벤치마킹 20120329 kenny
벤치마킹 20120329 kenny
 
Cms All
Cms AllCms All
Cms All
 
Sns mkt final exams
Sns mkt final examsSns mkt final exams
Sns mkt final exams
 
infosystemron8zo
infosystemron8zoinfosystemron8zo
infosystemron8zo
 

Similar to Team project(with reactnative)

Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)형석 장
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)형석 장
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)형석 장
 
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용Terry Cho
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)형석 장
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a jobDeo Kim
 
웹사이트기획 및 관리
웹사이트기획 및 관리웹사이트기획 및 관리
웹사이트기획 및 관리봉조 김
 
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf정민 안
 
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스Hee Jae Lee
 
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 HostingFirebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting승빈이네 공작소
 
LetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxLetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxssuser2601f7
 
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서Jeongmin Cha
 
김현섭 Portfolio [Web Developer Beginner]
김현섭 Portfolio [Web Developer Beginner]김현섭 Portfolio [Web Developer Beginner]
김현섭 Portfolio [Web Developer Beginner]KIM HYUNSUP
 
Open standard open cloud engine (3)
Open standard open cloud engine (3)Open standard open cloud engine (3)
Open standard open cloud engine (3)uEngine Solutions
 
TOAST Meetup2015 - 구름 Cloud IDE (류성태)
TOAST Meetup2015 - 구름 Cloud IDE (류성태)TOAST Meetup2015 - 구름 Cloud IDE (류성태)
TOAST Meetup2015 - 구름 Cloud IDE (류성태)TOAST_NHNent
 
삶이편해지는_백엔드_개발자_지식.pdf
삶이편해지는_백엔드_개발자_지식.pdf삶이편해지는_백엔드_개발자_지식.pdf
삶이편해지는_백엔드_개발자_지식.pdfSeung kyoo Park
 
Firebase for web (웹개발을 위한 파이어베이스) 2 Authentication
Firebase for web (웹개발을 위한 파이어베이스) 2 AuthenticationFirebase for web (웹개발을 위한 파이어베이스) 2 Authentication
Firebase for web (웹개발을 위한 파이어베이스) 2 Authentication승빈이네 공작소
 
서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)수보 김
 

Similar to Team project(with reactnative) (20)

Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)
 
Team project(for fullstack)
Team project(for fullstack)Team project(for fullstack)
Team project(for fullstack)
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)
 
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
14회 jco 컨퍼런스 조대협의 소프트웨어 개발 배포용
 
Team project (for frontend)
Team project (for frontend)Team project (for frontend)
Team project (for frontend)
 
my activities before getting a job
my activities before getting a jobmy activities before getting a job
my activities before getting a job
 
웹사이트기획 및 관리
웹사이트기획 및 관리웹사이트기획 및 관리
웹사이트기획 및 관리
 
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
20221131_레츠스위프트_2022_iOS개발에서_알아두면_좋은것들.pdf
 
[IT교육/IT학원]Develope를 위한 IT실무교육
[IT교육/IT학원]Develope를 위한 IT실무교육[IT교육/IT학원]Develope를 위한 IT실무교육
[IT교육/IT학원]Develope를 위한 IT실무교육
 
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
[오픈소스컨설팅]Session 6. scrum과 jira 기반의 소프트웨어 개발 프로세스
 
Portfolio
PortfolioPortfolio
Portfolio
 
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 HostingFirebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
Firebase for Web (웹개발을 위한 파이어베이스) 1 Hosting
 
LetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptxLetsSwift(강민규스피커,안정민서포터).pptx
LetsSwift(강민규스피커,안정민서포터).pptx
 
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
차정민 (소프트웨어 엔지니어) 이력서 + 경력기술서
 
김현섭 Portfolio [Web Developer Beginner]
김현섭 Portfolio [Web Developer Beginner]김현섭 Portfolio [Web Developer Beginner]
김현섭 Portfolio [Web Developer Beginner]
 
Open standard open cloud engine (3)
Open standard open cloud engine (3)Open standard open cloud engine (3)
Open standard open cloud engine (3)
 
TOAST Meetup2015 - 구름 Cloud IDE (류성태)
TOAST Meetup2015 - 구름 Cloud IDE (류성태)TOAST Meetup2015 - 구름 Cloud IDE (류성태)
TOAST Meetup2015 - 구름 Cloud IDE (류성태)
 
삶이편해지는_백엔드_개발자_지식.pdf
삶이편해지는_백엔드_개발자_지식.pdf삶이편해지는_백엔드_개발자_지식.pdf
삶이편해지는_백엔드_개발자_지식.pdf
 
Firebase for web (웹개발을 위한 파이어베이스) 2 Authentication
Firebase for web (웹개발을 위한 파이어베이스) 2 AuthenticationFirebase for web (웹개발을 위한 파이어베이스) 2 Authentication
Firebase for web (웹개발을 위한 파이어베이스) 2 Authentication
 
서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)서버학개론(백엔드 서버 개발자를 위한)
서버학개론(백엔드 서버 개발자를 위한)
 

Team project(with reactnative)

  • 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) • 행사를 등록하여 사용자에게 알림 제공