2018 SKT 내맘대로플러스 혜택 및 신청하기

작년에도 다들 잘 쓰셨죠? 올해도 또 신청하셔야죠!!

VIP 등급 : VIP 전용에서 1개, VIP/Gold 공통에서 1개Gold 등급 : VIP/Gold 공통에서 1개

tip : 두개 신청시에 SMS문자 확인을 해야하나 1개 신청완료후 일정시간(1~3분?)이 지나야지만 추가신청할 수 있음.

신청 URL : http://tmembership.tworld.co.kr/web/html/vip_lounge/diyplus/diyplus.jsp

내맘대로 플러스 11번가 쿠폰 받기 링크(모바일 또는 크롬에서 개발자도구로 모바일로 변경해서....)

http://m.11st.co.kr/MW/CEvent/viewEventNew.tmall?eName=20170616_sktDataPlusEvt

제휴사 리스트

메가박스 (VIP)

2D 영화 예매시 1+1 (월 1회, 년 12회) (VIP 무료 영화의 1+1은 불가)예매시, 팝콘 콤보 1천원 할인 쿠폰 제공 (월 1회, 년 12회)타 할인서비스와 중복할인 불가제외: 제천, 충주, 순천(수요일), 센트럴, 일산벨라시타, 아트나인, 드라이브M

파리바게뜨 (VIP)

1천원 당 200원 할인 (월 최대 1만원, 초과시 T멤버십 기본 할인액 (천원당 100원) 적용)타 할인 및 쿠폰과 동시에 사용 불가모바일 카드 이용 시에만 내맘대로 플러스 할인 혜택 적용 (플라스틱 카드 이용 시 1천원당 50원 할인 적용)

아웃백스테이크 (VIP)

30% 할인, 월 1회 (연간 12회) (타 할인서비스, 행사 중복 적용불가)월 할인 횟수 초과건에 대해서는 T멤버십 기본할인(15%) 적용상품권, 도시락은 제외타 할인서비스, 행사 중복 적용불가이용방법 : 결제 시, 매장 직원에게 '내맘대로 플러스' 30% 할인 선적용 요청

카카오 (VIP/Gold 공통)

카카오 이모티콘 60일 이용권(인기순위 Top 50, 50종) 매월 1회 100원에 제공 (1800원-1700원 -> 100원)T 멤버십 할인한도 부족 시 or 카카오 이모티콘 구매 월 1회 초과 시, 초콜릿가로 구매

세븐일레븐 (VIP/Gold 공통)

1천원 당 150원 할인(1일 1회) 및 도시락/세븐카페 상품 1천원 당 400원 할인(1일 1회) (할인금액 합산 월 최대 1만원)할인 1만원 초과 금액은 기본 할인률인 천원당 100원 할인 적용.도시락/세븐카페 상품군과 일반 상품군 동시 구매 시, 상품군별로 각각의 할인율 적용을 위해 각각 결제 필요T페이 할인/결제 동시 진행시 내맘대로 플러스 혜택 적용 불가. 단, 멤버십 선할인 후 T페이 결제는 가능주류, 담배, 비식품면세류(복권, 공중전화카드, 종량제봉투 등), 서비스 상품(휴대폰 충전, 복사) 제외

11번가 (VIP/Gold 공통)

11번가 내맘대로 플러스 쿠폰팩 매월 제공· 배송비 2천원 할인 쿠폰 1매· 11% 할인 쿠폰 1매 (최대 1만원 할인)· 내맘대로 플러스 쿠폰팩은 최소 구매금액 조건 없이 사용 가능다운로드 받은 "내맘대로 플러스 쿠폰팩"은 당월말까지 사용 가능제휴사 상황에 따라 일부 카테고리는 할인이 제한될 수 있음

내맘대로 플러스 11번가 쿠폰 받기 링크(모바일 또는 크롬에서 개발자도구로 모바일로 변경해서 해야함.)

http://m.11st.co.kr/MW/CEvent/viewEventNew.tmall?eName=20170616_sktDataPlusEvt

롯데리아 (VIP/Gold 공통)

세트/콤보 3종 중 택1 50% 할인, 월 1회 (연간 12회)대상 메뉴: 내맘대로 세트(클래식치즈버거/치즈스틱/콜라), 와규오리지널 콤보(와규오리지널버거/콜라), AZ버거오리지널 콤보(AZ버거오리지널버거/콜라)이용방법 : 결제 시, 매장 직원에게 '내맘대로 플러스' 할인 적용 요청(무인판매대 적용불가)3개중 2개 이상 제품을 합산 결제하는 경우, 가장 높은 할인가로 할인이 적용됨 (비싼 거 1개만 할인)T멤버십 상시 할인서비스와 중복 이용가능하며, 이 경우 최종 결제는 내맘대로 플러스와 상시 할인서비스를 각각 별도로 결제하셔야 할인이 적용됨 (메뉴 따로 계산하고, 기본 할인 천원당 150원 챙기세요)

공차 (VIP/Gold 공통)

Large size 베스트콤비네이션 1+1, 월 1회 (연간 12회)이용방법 : 결제시, 매장 직원에게 '내맘대로 플러스' 할인 적용 요청타 할인서비스와 동시 사용 불가, 스탬프 적립과 중복 적용 불가상시할인 혜택(15% 할인)과 내맘대로 플러스 할인 혜택 같은 날 사용 불가 (멤버십 할인 1일 1회 사용 제한)제외 매장 : 백화점, 마트, 아울렛, 공항, 휴게소 외 일부

자몽 (VIP/Gold 공통)

매월 최초 주유 건 50원/ℓ 할인매월 2회차 주유 건부터 20원/ℓ 할인자몽 App 설치후 이용 가능 (안드로이드, ios)T멤버십 카라이프 등 해피오토 멤버스 할인과 중복 적용 불가월 누적 주유금액 30만원까지 할인 제공

롯데월드 (VIP/Gold 공통)

자유이용권 본인 및 동반 1인 55% 할인 (연간 2회)

신라면세점 마티나라운지 (VIP/Gold 공통)

신라인터넷면세점 슈퍼프리미엄 플러스 등급 부여인천공항 마티나라운지 50% 할인 (연간 4회)마티나라운지에서 1회당 1인 현장 결제하여 이용기존 신라인터넷면세점 슈퍼프리미엄플러스 등급 고객의 경우, 내맘대로 플러스에 가입을 하여도 추가적인 혜택이 제공되지 않음

워커힐 호텔 (VIP/Gold 공통)

Prestige Club 유료 멤버십 10% 할인 (연간 1회)실버(45만원), 블랙(100만원), 로얄블랙(150만원) 中 택 1워커힐 호텔 유료 멤버십은 결제일로부터 1년간 유효워커힐 홈페이지 또는 현장에서 멤버십 카드 할인 적용 후 결제

공통: 내맘대로 플러스 할인금액만큼 T멤버십 두툼 포인트 적립

• 카카오 제외

• 20% 적립: 워커힐 호텔

• 50% 적립: 롯데리아, 신라면세점 마티나라운지

• 55% 적립: 롯데월드 (최대 3만)

• 나머지 100% 적립

중요사항

• 내맘대로 플러스 제휴처 별로 최대 이용신청 가능 인원수가 한정되어 있어 최대 인원 초과 시 이용신청이 불가합니다.

• 이용신청한 제휴처는 1일 1회, 연내 2회에 한하여 변경이 가능합니다. VIP 고객은 VIP 전용, VIP/Gold 공통 제휴처 각각 변경 할 수 있습니다. Gold 고객은 VIP/Gold 공통 제휴처 내에서 변경할 수 있습니다.

• 가입 후 혜택 이용내역은 멤버십 MMS 영수증과 T멤버십 홈페이지/App.에서 확인 가능합니다.

• 내맘대로 플러스 프로그램은 T멤버십 Web 또는 T멤버십 App.에서 이용신청 가능합니다.

• 내맘대로 플러스 프로그램은 ’18.12.31까지 제공되며, 제휴 상황에 따라 혜택이 변경될 수 있습니다.

• 내맘대로 플러스 프로그램은 VIP/Gold 등급 고객 대상으로 제공되는 서비스로 등급 변경 시 이용이 제한됩니다.단, 다시 VIP 또는 Gold로 등급이 승격될 시 기존에 설정했던 제휴처로 서비스 이용 가능합니다

T멤버십 두툼 포인트 적립 및 사용

• 법인 회선의 경우 T멤버십 두툼 포인트가 적립되지 않습니다.

• 멤버십 회원 탈퇴 시 적립되지 않습니다.

• T멤버십 두툼 포인트 적립 예정 금액은 T멤버십 카드 이용 시 발송되는 MMS 영수증, T world 홈페이지, T멤버십 App. 등에서 확인 가능합니다.

  T world > 멤버십 > 내맘대로 플러스 > My 내맘대로 플러스 – 내맘대로 플러스 이용내역

  T world > My T > 조회 > 나의 멤버십 > 멤버십 정보 > 멤버십 사용/충전내역

  T멤버십 App. 메인화면 > 모든혜택 > 내맘대로 플러스 > My 내맘대로 플러스 – 내맘대로 플러스 이용내역

  T멤버십 App. 메인화면 > 마이페이지 > 나의 할인한도 > 멤버십 한도 사용내역

• T멤버십 두툼 포인트는 멤버십 카드번호 기준으로 월 최대 3만점 적립 가능합니다. (이벤트 등에 따른 특별적립 건 예외적용)

• T멤버십 두툼 포인트는 내맘대로 플러스 혜택 할인 건에 한하여 적립됩니다. (기본 할인 혜택 적용 건은 적립 제외)

• 멤버십 카드(모바일 카드 포함)로 멤버십 이용 관련 전산 승인을 받지 않은 건에 대해서는 포인트가 적립되지 않습니다.

• 멤버십 사용 후 승인 취소 건에 대해서는 T멤버십 두툼 포인트가 적립되지 않습니다.

• T멤버십 두툼 포인트는 11번가, 기프티콘, 레진코믹스, 롯데홈쇼핑, 롯데시네마, CJ온마트, 홈플러스 온라인마트, NSMALL, YES24, ONE store, 신라면세점에서 사용 가능합니다.

• T멤버십 두툼 포인트 적립 및 사용은 제휴 상황에 따라 변경될 수 있습니다.

자동차세 지역별 연납신청 방법

자동차세는 매년 6월 12월 정기적으로 부과되나 일괄 납부하는 경우에는 연세액의 일부를 할인해 준다.

정기납부 : 6월(1기분), 12월(2기분)

정기납부 신청기간에 따라서 할인률이 상이하므로 여유가 있다면 1월에 하는 것이 유리하며 저도 한푼이라도 아낄려는 마음에 항상 연례 행사처럼 1월에 납부하고 있습니다.

• 1월 신고납부 - 10%

• 3월 신고납부 - 7.5%

• 6월 신고납부 - 5%

• 9월 신고납부 - 2.5%

지역별 납부방법.

서울특별시(다른지역은 16일부터이나 서울시는 지금가능)

서울시 ETAX - https://etax.seoul.go.kr/new_index.html

- 메뉴 > 전체메뉴 > 신고납부 > 자동차세연납

인천광역시

인천광역시 전자고지납부서비스 - https://etax.incheon.go.kr/index.etax

- 홈 > 신고납부 > 자동차세연납

대구광역시

대구광역시사이버지방세청 - http://etax.daegu.go.kr/jsp/index.do

- 자주찾는 질문 > 자동차세 연납신청
- 메뉴 > 전자신청 > 자동차세 연납신청

부산광역시

부산사이버지방세청 - https://etax.busan.go.kr/

- 자주찾는 서비스 > 자동차세연납신청
- 메뉴 > 신고하기 > 자동차세연납신청

그외 지역

위택스 http://www.wetax.go.kr

해당월 16일부터 가능함.

1. [편의기능] 또는 위택스 우측 상단 [메뉴]클릭
2. [부가서비스] > [자동이체관리] > [자동이체신청]에서 [신청지역(자치단체)]와 자동이체 수단 선택 후 원하시는 세목에 대하여 자동납부 신청가능합니다.

http://devcoding.tistory.com/24 슬라이드를 풀어서 써봤는데 가독성이 그리 좋진 않네요...

Graphql과 느낌이 비슷한 netflix falcor(http://devcoding.tistory.com/28)도 있으니 모르시는 분은 한번 알아두시면 좋을듯 합니다.

GraphQL Overview

Graph - 사전적으로 점과 선으로 이루어진 도형을 Graph라고 함

서로 관계가 있는 2개 또는 그 이상의 양의 상태값을 나타낸 도형

QL - SQL 비슷하다고 우선 생각하면 됨.

- 누가 만들었지?

Facebook

- 언제 만들었지?

2012년부터 내부적으로 사용하다 2015년 공개.

어떤 언어로 되어 있어?

단지 스펙이라서 구현을 하던지 언어별로 구현체가 있으니 가져다 쓰면 됨.http://graphql.org/code/

어디서 쓰고 있어?

Facebook - https://developers.facebook.com/docs/graph-api/using-graph-api)

Github - https://developer.github.com/

• GraphQL Query 사용해보기(GraphiQL) : https://developer.github.com/v4/explorer/

Why Github using GraphQL

블로그 : https://githubengineering.com/the-github-graphql-api/

• 모든 Rest API를 제공하고 있지만 gw(integrators)의 요청을 유연하게 처리하기 힘들었다.

  GraphQL을 쓰면 신경 안써도 된다. 스키마만 업데이트 해주면 된다.

• 때때로 response를 위해 2, 3번의 호출이 필요했다.

  GraphQL이 알아서 해준다.

• 매개 변수에 대한 검증이 필요했다.

  매개변수에 대한 검증도 FE의 요청쿼리에 대한 validation 가능하다. eslint-plugin-graphql

• 코드를 통해 문서를 생성하길 원했다.

  GraphiQL을 쓰면 schema에 대한 정보를 볼수 있고 Query도 실행/검증 가능

• 요청 받을 Response에 대해서 요청자가 정의하길 원한다.

  이건 넣고 이건 빼고 할필요 없음. 요청자가 요청한 정보만 내려온다.(=overfetch 방지)

Rest API vs GraphQL HTTP상의 Endpoint 비교

REST API

엔티티별로 아래와 같은 스타일.

• 리스트 조회 : GET /api/posts

• 조회 : GET /api/posts/1

• 생성 : POST /api/posts

• 치환(수정) : PUT or PATCH /api/posts/1

• 삭제 : DELETE /api/posts/1

GraphQL

모든 엔티티에 대해서 하나의 URL만 가짐.

• POST /graphql

  ​-> 리스트, 조회, 생성, 수정, 삭제등

이정도면...간단하게 Database의 console에 붙어서 Query한다 생각하면 편하다.

다만 Query의 스펙을 미리 정의(=Schema) 해놓아야만 한다. Query 에 따라서 입력/조회/수정/삭제를 한다.

GraphQL Server가 할일은?

1. Node 정의

개별 node를 정의. 예 : 유저, 글, 댓글, 회사, 상품, 판매자

쉽게 이야기하면 Database의 테이블 단위

2. Node 간 관계설정

• node에 관계 필드를 추가.- user node에 companyInfo 추가- company node에 users 추가

• 관계 필드에 대해서 Store 연결.

  - companyInfo필드의 Type은 CompanyType- users 필드의 Type은 GraphQLList(UserType)과 같이 감싸준다.

노드(점)의 관계 필드(선)가 곧 Store 연결(=DB 조회)

3. Root Query 생성(선정).

Node중 최상위에서 조회가능한 녀석들을 분류해야한다.

Root Query?

• REST API의 여러 조회용 END POINT의 모음이라 생각하면 이해하기 쉽다. 즉. Entry Point를 제공자가 정의해주는 것이다.

• RootQuery는 의미적인 표현인 것이고 일반 node와 Type/동작 동일.= GraphQLObjectType

• 다만 의미적으로 Root Query Node의 경우에는 다른 node를 참조만 하고,다른 노드로 부터 참조되지 않는다.

GraphQL로 서비스 구성 예시

DB든 외부연동서버든 처리할 데이타에 대해서는 Node 정의를 해주어야 합니다.

GraphQL로 서비스 예시 2

여기서도 GraphQL서버에서 Composite을 위해서 서버별 타입별로 Node정의를 해주어야 한다.

만약 A,B 서버에 동일하게 생긴 Node가 있더라도 관계설정이 달라질수 있으므로각각을 구분해주어야 한다.

GraphQL 사용시 주요 장점.

• FE/Native의 요청 필드만 리턴하므로 Overfetch 방지.

• MSA 구조에서 여러 서버의 데이타를 효율적으로 Data Integration 한다.

• REST API에서 2~3회 요청에 걸쳐 데이타를 가져오는 경우를 간단하게 1 회 요청으로 끝낼 수 있다.(유연성 甲)# BE 개발자가 별도 Endpoint 추가하고 로직으로 풀던 문제를 쉽게 끝낼 수 있다.

전체 구조

이렇게도 나누는것도 가능은 할듯.

코드를 보면 이렇게도 가능할 것으로 생각된다.다만 아래와 같이 나눌 경우 동일 데이타에 대해서 변경과 조회가

함께 일어나므로 시점에 따라 값이 달라질수도 있는 문제가 발생 할 수 있다.

샘플코드

회사와 사람 Node

코드로 두 Node로 관계를 지어보자.

샘플을 실행시켜보려면 https://github.com/gidong-lee/graphQL_exam

샘플코드에 대해서.

• axios는 back 단 rest api를 호출해주는 jQuery의 ajax같은 라이브러리다.(예 : Spring 개발시 RestTemplate)

• JSON Server는 json파일을 읽어 쉽게 개발/목킹용 rest api 서버를 만들어 주는 녀석이다.입력,수정,삭제,페이징등을 모두 처리해준다.GitHub : https://github.com/typicode/json-server

User Type

const UserType = new GraphQLObjectType({
  name: 'User', // GraphQL Object Name(필수)
  fields: () => ({
    id: {type: GraphQLString},
    firstName: {type: GraphQLString},
    age: {type: GraphQLInt},
    companyId: {type: GraphQLString},
    company: {   /* 연결(user -> company) */
      type: CompanyType,
      resolve(parentValue, args) {
        console.log(parentValue, args);
        return axios.get(`${SERVER_DOMAIN}/companies/${parentValue.companyId}`)
          .then(req => req.data);
      }
    }
  })
});

위의 fields.company 필드가 관계필드가 된다.

관계 필드는 곧 DB/Cache/rest server 연결(=DB 조회)을 뜻한다.

코드의 axios는 뒤단의 rest api를 호출하여 데이타를 가져오는 것이니 크게신경 안써도 됨.

Company Type

const CompanyType = new GraphQLObjectType({
  name: 'Company',
  fields: () => ({
    id: {type: GraphQLString},
    name: {type: GraphQLString},
    description: {type: GraphQLString},
    users: { /* 연결(company -> users) */
      type: new GraphQLList(UserType),
      args: {limit: {type: GraphQLInt}},
      resolve(parentValue, args) {
        const { limit = 20 } = args;
        return axios.get(
          `${SERVER_DOMAIN}/companies/${parentValue.id}/users?_limit=${limit}`
        ).then(req => req.data);
      }
    }
  })
});

위의 fields.users 필드가 관계필드가 된다.

관계 필드는 곧 DB/Cache/rest server 연결(=DB 조회)을 뜻한다.

users필드의 타입이 GraphQLList(UserType)인 것을 잘 숙지하자.

Root Query

Query(조회) 시 시작될 수 있는 node 를 지정하여야 한다.따라서 node product 조회는 RootQuery 필드에 없으므로 company를 통해서만 접근 할 수 있다.

RootQuery 지정

const RootQuery = new GraphQLObjectType({
  name: 'RootQueryType',
  fields: () => ( {
    user: { /* RootQueryObject에 User연결 */
      type: UserType,
      args: {id: {type: GraphQLString}},
      resolve(parentValue, args) {
        return axios.get(`${SERVER_DOMAIN}/users/${args.id}`)
          .then(req => req.data);
      }
    },
    company: { /* RootQueryObject에 Company연결 */
      type: CompanyType,
      args: {id: {type: GraphQLString}},
      resolve(parentValue, args) {
        return axios.get(`${SERVER_DOMAIN}/companies/${args.id}`)
          .then(req => req.data);
      }
    }
  })
});

관계 필드의 resolve 함수?

parentValue -> 나의 상위에서 주입해준 값.user의 Company에서 조회하여 리턴해준값

args -> Query 호출시에 적어주는 값. 예 : id, searchKeyword, limit, first, last, page, lastNum

const CompanyType = new GraphQLObjectType({
  name: 'Company',
  fields: () => ({
    id: {type: GraphQLString},
    name: {type: GraphQLString},
    description: {type: GraphQLString},
    users: {
      type: new GraphQLList(UserType),
      args: {limit: {type: GraphQLInt}},
      resolve(parentValue, args) {
        const { limit = 20 } = args;
        return axios.get(
          `${SERVER_DOMAIN}/companies/${parentValue.id}/users?_limit=${limit}`
        ).then(req => req.data);
      }
    }
  })
});

GraphiQL - Graphql의 개발자도구.

작성한 Schema를 보고 Query를 작성하고 유효성을 검사하면서 테스트를 할 수 있는 good dev tool

설치버전도 있고, 서버(dev용으로) 띄울때 함께 띄울수 있다.

Query 해보기

User정보와 회사정보를 가져오는 샘플

요청

{
  user(id: "23") {
    id
    firstName
    company {
      name
    }
  }
}

결과

{
  "data": {
    "user": {
      "id": "23",
      "firstName": "ko",
      "company": {
        "name": "tomorrow"
      }
    }
  }
}

Company정보와 users를 가져오는 샘플

요청

{
  company(id: "1") {
    id
    name
    description
    users {
      id
      firstName
      age
    }
  }
}

결과

{
  "data": {
    "company": {
      "id": "1",
      "name": "tomorrow",
      "description": "111st",
      "users": [
        {
          "id": "23",
          "firstName": "ko",
          "age": 20
        },
        {
          "id": "40",
          "firstName": "lee",
          "age": 40
        },
        {
          "id": "44",
          "firstName": "ra",
          "age": 45
        }
      ]
    }
  }
}

Mutation

변경작업(추가, 수정, 삭제)

Response Type에 따라서 Query를 원하는대로 데이타를 받을 수도 있다.

Mutation 사용시 장점.

• 사실 로직적으로 내부적으로 변경하는 로직을 있는것 뿐 조회 Query와 구조적으로는 같다.

• Mutation query를 호출하더라도 해당 Mutation의 Return Type에 따라서 Response를 자유롭게 변경 할 수 있다.

Mutation - User 추가

const mutation = new GraphQLObjectType({
  name: 'Mutation',
  fields: {
    addUser: {
      type: UserType,
      args: {
        firstName: {type: new GraphQLNonNull(GraphQLString)},
        age: {type: new GraphQLNonNull(GraphQLInt)}      },
      resolve(parentValue, {firstName, age}) {
        return axios.post(`${SERVER_DOMAIN}/users`, {firstName, age})
          .then(res => res.data);
      }
    },
    deleteUser: {…},
    editUser: {…}
  }
})

mutation을 이용한 유저 추가 및 생성 정보 받기

요청

mutation {
  addUser( firstName: "gu", age: 40 ) {
    id
    firstName
    age
  }
}

결과

{
  "data": {
    "addUser": {
      "id": "SJ0Wox-i-",
      "firstName": "gu",
      "age": 40
    }
  }
}

Mutation - User 삭제

const mutation = new GraphQLObjectType({
  name: 'Mutation',
  fields: {
    addUser: {…},
    deleteUser: {
      type: UserType,
      args: {
        id: {type: new GraphQLNonNull(GraphQLString)}
      },
      resolve(parentValue, {id}) {
        return axios.delete(`${SERVER_DOMAIN}/users/${id}`)
          .then(res => res.data);
      }
    },
    editUser: {…}
  }
})

mutation을 이용한 유저 삭제

요청

mutation {
    deleteUser(id : "SJ0Wox-i-") {
        id
    }
}

결과

{
  "data": {
    "deleteUser": {
      "id": null
    }
  }
}

Mutation - User 수정

const mutation = new GraphQLObjectType({
  name: 'Mutation',
  fields: {
    addUser: {…},
    deleteUser: {…},
    editUser: {
      type: UserType,
      args: {
        id: {type: new GraphQLNonNull(GraphQLString)},
        firstName: {type: GraphQLString},
        age: {type: GraphQLInt},
        companyId: {type: GraphQLString}
      },
      resolve(parentValue, args) {
        return axios.patch(`${SERVER_DOMAIN}/users/${args.id}`, args)
          .then(res => res.data);
      }
    }
  }
})

mutation을 이용한 유저 수정(Patch)

요청

mutation {
  editUser( id: "44", firstName: "ra", age: 45) {
    id, 
    firstName,
    age,
    company {
      id, 
      name,
      description
    }
  }
}
​

결과

{
  "data": {
    "editUser": {
      "id": "44",
      "firstName": "ra",
      "age": 45,
      "company": {
        "id": "1",
        "name": "tomorrow",
        "description": "111st"
      }
    }
  }
}

상황극

GraphQL을 안쓸때 상황.

• login.json에 userName이랑 image좀 추가해주세요.

• NoticeList.json에서는 id, title, 작성자만 필요하니 나머지는 빼주세요.

• 몇일있다가 수정일은 추가해주세요.

• 이 데이타는 결과에 따라서 추가 Request가 필요하므로 서버에서 한번에 말아주세요.

• 하위 호환 때문에 API 버전 변경이 필요해요.

GraphQL을 쓰게되면.

• Root Query에 머하나 추가해주세요.

• A 랑 B랑 릴레이션 맺어주심 안돼요?

• mutation 추가해주세요.

• 빨리 끝내고 커피 한 잔 하러 가시죠.(추정)

FrontEnd Client 3총사

• Apollo client(http://dev.apollodata.com/)

  • All in one

  • 다양한 플랫폼 지원(FE(vanilla/react/angular), Native)

• relay(https://facebook.github.io/relay/)

  • FE단 캐싱을 통해 Performance가 좋음.

  • 러닝커브가 있다.

• Lokka(https://github.com/kadirahq/lokka)

  • Simple

URL

• slide 예제소스.(https://github.com/gidong-lee/graphQL_exam)

  • 예제쿼리, 소스, 동작방법등 기술.

• GraphiQL(https://github.com/graphql/graphiql)

• udemy 강의 추천(https://www.udemy.com/graphql-with-react-course)

  • 영어가 힘드시면 저처럼 크롬으로 강의 한글번역해서 보시면 보기 편합니다.

    • 방법 : 크롬으로 강의시작 -> 자막 on(영문) -> 한글로 번역 -> 나쁘지않게 번역됨.

• graphql query check eslint(https://github.com/apollographql/eslint-plugin-graphql)