GithubHelp home page GithubHelp logo

wca's Introduction

리액트 네이티브 기반 앱 개발 스터디

목표

WCA: We Create Application

해당 스터디의 목적은 리액트RESTfulAPI 를 더 잘 이해 하는것에 있습니다.

모든 내용들에 있어서 개론적인 내용들을 다룰것 입니다.

즉 나무를 보는것보단 숲을 보는 방식으로 진행될 것입니다.

처음 접하는 내용이 어려울수도 있습니다. 이것은 이 스터디의 두번째 목표와

연관되어 있습니다.

바로 함께 고민하고 해결하여 성장 하는것 입니다.

리액트 컴포넌트를 작성하고 SaaS 서비스를 활용한 빌드 배포

쿼리 레이어인 그래프 큐엘 등을 다루면서 최신 기술을 사용해 보는것에 대한

내용은 개발자 로서 재미를 추구하기 위해 진행 하고자 합니다.

이것은 재미 있는 과정이 될것 입니다.

커리큘럼

STEP1. 리액트 네이티브 (MAX: 10주)

ReactNative

챕터 주제 내용 예상기간 진행 날짜
1~3장 기초 이론, 개발환경 설정, HelloWorld 1주 40page
4장 컴포넌트 터치와 제스처 2주 76page
4장 컴포넌트 구조를 잡는 컴포넌트 3주 ~
4장 컴포넌트 플랫폼 특화 컴포넌트 3주 95page
5장 스타일 리액트의 인라인 스타일 4주 118page
6장 플랫폼 API 네비게이터 5주 ~
6장 플랫폼 API 카메라 5주 ~
6장 플랫폼 API 위치 기반 날씨앱 5주 151page 17.07.13
7장 모듈 모듈 코드 엿보기(iOS, Android, Cross) 5주
8장 디버깅 flow, jest 5주
9장 앱 통합 Reflux & flux, Async storage 5주 17.07.16
9장 과제 코드 리뷰 6주
10~11장 배포 플랫폼별 배포 7주

STEP2. RESTfulAPI (MAX: 3주)

Express 기반으로 예제를 구성하겠습니다.

주제 내용 예상기간 진행
REST API 소개 개론 1주
URI 설계 이론적인 내용 1주
인터렉션 설계 API 내부 인터렉션 설계 2주
메타데이터 디자인 이론적인 내용 2주
표현 디자인 바디, 하이퍼미디어, 미디어 3주
클라이언트 영역 보안, CORS, JS 3주
마무리 당위성 3주

STEP3. GraphQL

커리큘럼 작성중...

  1. https://learngraphql.com/

  2. http://graphql.org/learn/

STEP4. ServerSide (MAX: 5주)

각자 개발할 프로젝트의 기획과 서버를 구축하는 기간 입니다.

주제 내용 예상기간 진행
기획, 명세 한개의 역활만 하는 단순앱 기획, 이벤트 명세 1주
스텍 정의 사용할 기술과 컴포넌트 정의 2주
API 서버 개발 Express 기반 3주
API 서버 개발 보안, 인증 처리 4주
SaaS 배포 Heroku 이용 5주

STEP5. ClientSide (MAX: 4주)

리액트 네이티브로 클라이언트를 구현 합니다.

주제 내용 예상기간 진행
각코 각자 프로젝트 알아서 코딩 1주
각코 각자 프로젝트 알아서 코딩 2주
각코 각자 프로젝트 알아서 코딩 3주
배포 안드로이드 마켓 배포하기 4주

wca's People

Contributors

hwangtan avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.