[April 2020] Session 2. Code Generator 와 TypeScript 로 멋지게 API 응답 처리하기 - 원지혁 님
지금 보고 있는 영상
[April 2020] Session 2. Code Generator 와 TypeScript 로 멋지게 API 응답 처리하기 - 원지혁 님
조회수 847
영상 설명 · 눌러서 펼치기
#타입스크립트 #TypeScript
# 발표 소개
일반적인 REST 응답을 `interface`, `type`, `class` 등으로 타이핑하지 않고, 클라이언트 사이드 GraphQL 스키마를 만들어 Code Generator 를 통해 깔끔하게 API 응답을 타이핑하는 방법을 공유합니다. GraphQL 스키마를 클라이언트에서 작성 후 Code Generator 를 통해 TypeScript 타입을 생성하고, 만들어진 GraphQL 스키마를 Relay Compiler 와 Relay Compiler TypeScript 플러그인를 통해 실제 React 에서 Type-safe 하게 사용하는 전 과정을 시연합니다.
# 발표자 소개
높은 퀄리티의 앱을 더 빠르게 고객에게 전달하는 방법에 관심이 많습니다. Vue.js 로 개발을 시작해 현재는 React.js 와 GraphQL 생태계에 집중하고 있습니다.
- 당근마켓 Software Engineer
- GraphQL Korea Organizer
- AWSKRUG Organizer
- FEConf 2019 Speaker (https://www.youtube.com/watch?v=FQoNY2W0s4E)
- AWSKRUG Community Day 2020 Speaker (https://www.youtube.com/watch?v=Lh5CrFJQSz4)
- AWSKRUG Community Day 2018 Speaker (https://www.youtube.com/watch?v=chUsMVg04nU)
# 당근마켓 팀 소개 - http://team.daangn.com
# 발표 소개
일반적인 REST 응답을 `interface`, `type`, `class` 등으로 타이핑하지 않고, 클라이언트 사이드 GraphQL 스키마를 만들어 Code Generator 를 통해 깔끔하게 API 응답을 타이핑하는 방법을 공유합니다. GraphQL 스키마를 클라이언트에서 작성 후 Code Generator 를 통해 TypeScript 타입을 생성하고, 만들어진 GraphQL 스키마를 Relay Compiler 와 Relay Compiler TypeScript 플러그인를 통해 실제 React 에서 Type-safe 하게 사용하는 전 과정을 시연합니다.
# 발표자 소개
높은 퀄리티의 앱을 더 빠르게 고객에게 전달하는 방법에 관심이 많습니다. Vue.js 로 개발을 시작해 현재는 React.js 와 GraphQL 생태계에 집중하고 있습니다.
- 당근마켓 Software Engineer
- GraphQL Korea Organizer
- AWSKRUG Organizer
- FEConf 2019 Speaker (https://www.youtube.com/watch?v=FQoNY2W0s4E)
- AWSKRUG Community Day 2020 Speaker (https://www.youtube.com/watch?v=Lh5CrFJQSz4)
- AWSKRUG Community Day 2018 Speaker (https://www.youtube.com/watch?v=chUsMVg04nU)
# 당근마켓 팀 소개 - http://team.daangn.com
Mark Lee 다른 영상
React 컴포넌트 작성과 Props 알아보기 | 디자이너와 함께 배우는 React.js (9)
조회수 467
React 컴포넌트 작성과 State 알아보기 | 디자이너와 함께 배우는 React.js (10)
조회수 221
[April 2020] Epilogue & Session 3. 타입스크립트에게 내 의도를 이해시키는 방법 - 김혜성 님
조회수 1,300
[April 2020] Intro & Session 1. TypeScript 3.9 is Coming ! - 이웅재 님
조회수 1,257
JSX Syntax 알아보기 3탄 | 디자이너와 함께 배우는 React.js (8)
조회수 110
JSX Syntax 알아보기 2탄 | 디자이너와 함께 배우는 React.js (7)
조회수 91
JSX Syntax 알아보기 1탄 | 디자이너와 함께 배우는 React.js (6)
조회수 148
JSX 는 도대체 무엇인가요? | 디자이너와 함께 배우는 React.js (5)
조회수 137