GraphQL로 영화 웹 앱 만들기

1.#0.3 Set Up

post-thumbnail

API, 데이터베이스 및 마이크로 서비스를 GraphQL로 쿼리 할 수있는 단일 데이터 그래프로 결합하여 앱 개발을 단순화합니다.공식사이트React Setup기본적으로 제공하는 파일 중 불필요한 파일 정리파일 정리 참고Github repository 생성 후 연결필요한

2020년 8월 25일

2.#0.4 Router and Styles

post-thumbnail

Code github 노마드 코더 GraphQL 강의 정리용 글입니다. [GraphQL로 영화 API 만들기]https://nomadcoders.co/react-graphql-for-beginners)

2020년 8월 25일

3.#1.0 Apollo Client

post-thumbnail

GraphQL Yoga가 바로 쓸 수 있게 준비를 다 해둔 server이며 apollo-boost가 client에 해당.client를 만든다.apollo.jsApp을 polloProvider 감싼다.index.js사용!github노마드 코더 GraphQL 강의 정리용

2020년 8월 25일

4.#1.1~5 GET MOVIES Query/GET MOVIE Query/Apollo Cache and Styles/Suggestions & Optional Chaining

post-thumbnail

한 번 로딩한 거는 cache하여 reloading 없이 사용할 수 있다.(별도의 작업이 필요 없음) query를 작성하고 useQuery를 이용해서 조회한다./src/routes/Home.js결과Apollo Client Developer Tools\[\[\[\[sug

2020년 8월 25일

5.#2.0~3 Local State part One & Clean code/Local State part Two/Connecting Detail and Home

post-thumbnail

client에서 Filed를 만들어서 사용할 수 있다.apollo cache에 접근하여 내용을 수정할 수 있다.apollo cache로 들어가서 isLiked필드를 만들고 사용하기\[\[\[노마드 코더 GraphQL 강의 정리용 글입니다.GraphQL로 영화 API 만

2020년 8월 26일