미래학자
2.26 Updating Local State 저번에 메일 인증을 하고 넘어온 토큰을 콘솔로 찍어봤다. 이번에는 이 토큰을 통해 로그인 상태를 변경하는 것을 해보자. 앱 전반으로 사용하는 공용 쿼리를 위해 파일을 생성하자. src/sharedQueries.ts import { gql } from "apollo-boost"; export const LOG_USER_IN = gql` mutation logUserIn($token: String!) { logUserIn(token: $token) @client } `; src/api/VerifyPhone/VerifyPhoneContainer.tsx LOG_USER_IN Mutation을 사용하기 위해 추가했다. import React from "react"; ..
#2.22 VerifyPhone Screen 지금까지 phoneLogin 페이지에서 입력한 폰 번호가 유효한지 검사하고, 유효 하면 해당 폰 번호로 번호를 메시지로 보내게 된다. 사용자는 메시지로 온 번호를 입력해야 한다. 이번에 만들 것이 폰으로 넘어온 코드를 입력하는 인증 페이지다. 먼저 페이지에 필요한 컴포넌트를 정의하자. Header, Button 두 컴포넌트를 정의한다. src/components/Header/Header.tsx import React from "react"; import styled from "../../typed-components"; import BackArrow from "../BackArrow"; const Container = styled.header` backgrou..
#2.18 PhoneLogin Mutation part One 이번에 클라이언트에서 첫 Mutation을 작성할 거다. 강의를 들어보니 조금 복잡한 형태고, 나도 충분히 이해하지 못한 상태이다. 일단 시작하자. chome extension 중에 apollo가 설치되어 있지 않다면, 설치하자. 클라이언트단에서 연결된 graphql endpoint의 쿼리를 볼수 있다. 이번에는 StartPhoneVerification mutation을 실행할텐데, 인자로 phoneNumber를 받고, 응답은 ok, error 필드를 가진다. src/routes/PhoneLogin/PhoneLogin.queries.ts import { gql } from "apollo-boost"; export const PHONE_SIGN..