DEVIEW 2016

• https://deview.kr/2016/schedule

ediket

1. REST API - Status Quo & Limitations
2. GraphQL - How it replaces REST
3. Relay - Data fetching and management

Lokka - GraphQL client

GraphiQL: 자동 문서화와 Type Inspection이 가능한 강력한 툴

• React (2103)
• GraphQL (2015)
• Relay (2015)

Relay 가 GraphQL에서 확장하는 컨셉

• Node
• Connection
• React Relay
• Mutation Config

Resource에 대한 단일 Interface. Data management면에서 유리함

다수의 Node를 가져올때 사용. PPagination에 특화되있음

데이터의 의존성과 React 컴포넌트가 공존한다.

Mutation Config: Mutation의 Side Effect를 적용시키는 방식을 Config에 명시하면 클라이언트에 적절하게 반영

예제) 이미 불러온 Node의 값을 업데이트. 기존에 불러온 Connection에 추가/제거

Summary

GET, POST, PUT, DELETE 로 모든 것을 해결해야 함. → 데이터 가져올땐 query (node, connections, 등) 사← 변경할땐 mutation 사용

기본값으로 어떤걸 불러올지 정하기가 애매함 → 항상 데이터 의존성을 명시

필드 타입이 정해져 있지 않아서 따로 문서화를 하지 않으면 협업이 힘듬 → GraphQL은 타입이 정해져 있고 프로토콜 단에서 확인할 수 있음

데이터 의존성을 URI에 명세하려면 복잡해진다. → 데이터 의존성을 명세한 query/mutation를 보낸다.

데이터 변경사항을 클라이언트에서 치리하는 방식이 제각각 → Mutation Config만 잘 써주면 알아서 데이터 변경사항을 처리한다.

Data management 를 React와 묶어줘서 생산성과 개발 속도가 크게 향상
Query build + Cache로 인하여 성능 향상

지금 존재하는 온라인 문서만으로는 Relay의 진입장벽은 꽤 높은 편. 현재 Relay는 실시간 지원이 미비… 현재 GraphQL Relay만으론 안정적인 서비스 구현이 가능.. 하지만 아직 실험적인 생태계

• http://graphql.org/ - GraphQL 영문 공식 홈페이지
• https://facebook.github.io/relay - GraphQL Relay 영문 공식 홈페이지
• https://facebook.github.io/graphql/ - GraphQL 영문 명세서
• https://learngraphql.com/ - GraphQL 영문 튜토리얼
• https://github.com/chentsulin/awesome-graphql - GraphQL 리소스 모음집
• https://github.com/kriasoft/react-starter-kit 현재 최강의 boilerplate
• http://blog.sapzil.org/2015/09/01/graphql-rfc/ - 한국 문서

Motion prediction

• 미분 방정식
• 구간 적분

Simultaneous Localization And Mapping

Data Association

Graph SLAM

Third Eye Everywhere Virtual Reality

http://www.TeeVR.com

• AMICA