개발자 울이 노트

Flask 스마트하게 구조 만들기! Github Link - https://github.com/paullee714/flask-projects/tree/develop/flask-smart-structure 전에는 Spring, Django를 사용해서 프로젝트를 구축했다. 개발을 시작하기 전에 세팅 해야 할 것, 그리고 환경설정과 지원하는 서비스의 파악 등, 실제로 작업을 하는데 까지 걸리는 시간이 오래 걸렸다. 플라스크는 미니멀하게 프로젝트를 시작 할 수 있어서, 초기 진입 시에 세팅과 공부 할 것들이 비교적 적은 편이라고 생각했다. 플라스크로 현업에서, 그리고 사이드 프로젝트로 개발을 진행 하다 보니 미니멀하게 금방 작업 하는 것에는 도움이 되었지만, Django나 Spring처럼 구조화를 하기는 조금 ..

Graphql 스키마 확장하기 Github Code paullee714/graphql-study Schema 확장하기 우리가 가진 Schema, Resolver type Query{ name: String! } // resolve query const resolvers = { Query : { name: () => "wool" } }; export default resolvers 위의 Query와 Resolver는 name : String 을 돌려주는 형태이다 여러 데이터들을 담고 읽기 위해서 Schema를 확장 해 보자 schema.graphql schema를 확장해 준다. type Person { id:Int! name: String! age: Int! gender: String! } type Que..

Query & Schema Query 이전에 정리 했듯이, Query는 데이터를 받을 때만 사용 하는 것이다. Query로 데이터를 읽고, Mutation은 데이터를 변형하고 입력하는 것이다. Schema 스키마는 무엇을 받을지, 무엇을 줄 지에 대한 데이터에 관한 설명이다 Schema & Resolvers graphql을 사용하기 위해서, 어떤 데이터의 형태를 사용 할 것인지 설명 해 주는 schema를 작성 해 준다 데이터의 형태를 schema에서 지정 해 주고 지정 해 준 형태를 사용 하는 resolver를 작성 해 준다. schema.graphql Query에서 name을 요청하면 String을 돌려주는 쿼리이다 type Query{ name: String! } resolvers.js resolv..

GraphQL 설치 및 기본 세팅 GITHUB paullee714/graphql-study 프로젝트 세팅 & 설치 프로젝트 파일 초기화하기 프로젝트 세팅을 원하는 폴더에 들어가서 실행 해 준다. $ yarn init . graphql, nodemon,babel-node 설치하기 $ yarn add graphql-yoga $ yarn global add nodemon $ yarn add bable-node --dev $ yarn add babel-cli babel-preset-env babel-preset-stage-3 --dev graphql-yoga는 nodejs에서 graphql을 쉽게 사용 할 수 있게 해준다 nodemon은 설정한 기준 파일을 트랙킹하여, 수정이 있을 경우 바로 반영 해 준다 ba..

graphQL 이란 GraphQL graphQL를 써봅시다! overfetching과 underfetching overFetching : 요청 후에 돌아오는 응답에, 필요 이상의 데이터들이 들어 있는 것을 의미한다 overFetching이 일어나면, 데이터를 찾아 사용하기 쉽지만, 필요없는 리소스를 불러오기 때문에 낭비가 발생 undefetching : 요청과 매칭되는 정보가 너무 한정적이기 때문에 돌아오는 데이터가 별로 없다 underfetching이 일어나면, 요구하는 데이터가 많을수록 서버에 요청을 여러번 보내야 한다. 마찬가지로 낭비가 발생 이런 문제들이 graphQL 을 사용하면 쉽게 해결 할 수가 있고, 쿼리 때문에 고생하는 수고를 덜 수 있다고 한다!! 한번 사용 해 봅시다 😆 핵심 기능- ..