Let's Begin Programming

[참고]https://nomadcoders.co 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co Apollo - 서버와 통신할 때 클라이언트를 위한 패키지 1. 간단하고 쉬운 쿼리 => useQuery hooks를 이용해 쉽게 쿼리 전송 가능 2. Cache 존재 - 이미 불러온 데이터에 대해 자동으로 캐시 저장 이전에 사용했던 영화 API를 이용해 영화 리스트를 불러오고 영화를 클릭하면 해당 영화의 상세 정보 페이지로 들어가는 간단한 웹 페이지를 구현했다. 이전과 다른 점은 REST API가 아닌 GraphQL을 이용해 쿼리를 보내고 데이터를 받았다. 처음 경험해보기 때문에 익숙치 않았..

개발 공부 (Nomadcoders)/GraphQL 2021. 1. 21. 01:23

GraphQL 사용법 1. 서버 만들기 프로젝트 폴더 생성 yarn init (git repository 연결) yarn add graphql-yoga yarn global add nodemon (파일 수정 -> 자동 서버 재시작) package.json 수정 "scripts": { "start": "nodemon" } (babel) - 최신 JS 사용을 위해서 yarn add babel-node --dev yarn global add babel-cli --ignore-engines package.json 수정 "scripts": { "start": "nodemon --exec babel-node index.js" } .babelrc 파일 생성 (babel 환경설정) { "presets": ["env",..

개발 공부 (Nomadcoders)/GraphQL 2021. 1. 19. 23:31

[참고] https://nomadcoders.co 노마드 코더 Nomad Coders 코딩은 진짜를 만들어보는거야!. 실제 구현되어 있는 서비스를 한땀 한땀 따라 만들면서 코딩을 배우세요! nomadcoders.co REST의 단점 1. Overfetching : 현재 필요한 정보 이외의 당장 필요없는 데이터까지 fetch받는 경우 2. Underfetching : 애플리케이션 시작할 때 데이터를 받기 위해 많은 요청을 함 => GraphQL의 장점 : 위의 문제들을 해결 여러 개의 URL(end point)가 아닌 하나의 end point만 존재. 하나의 쿼리에 필요한 모든 데이터를 object형태로 담아서 통신 간단한 영화 정보 API를 구현하면서 느낀 점은 메소드에 대한 고민이 없어진 것이었다. R..

개발 공부 (Nomadcoders)/GraphQL 2021. 1. 19. 21:59