As i wish

본 시리즈에서는 How to GraphQL의 Tutorial 문서들을 차례대로 번역합니다. 이 글은 GraphQL Fundamentals - Introduction을 번역한 글입니다. 오역 또는 의역이 있을 수 있습니다. 미리 양해 부탁드리며, 수정이 필요한 부분은 댓글로 요청해주세요. 위와 같이 블로그를 정리한 글이 있고 그래프큐엘에 대하여 처음 접하는 분에게 도움이 되는것 같아서 한번 가져와 봤습니다. 저 또한 이 글을 읽고 있으며 이를 바탕으로 그래프큐엘에 대한 정리가 조금 씩 되어 가고 있는 중 입니다. 저 또한 제 블로그를 통해서 북마크 형식으로 관리하고 있기 때문에 퍼옴 포스팅을 진행 합니다. 문제 발생 시 삭제 하겠습니다 기초 적인 포스팅은 1 ~ 10 편까지 있고 그 포스팅을 다 읽고 난 ..

안녕하세요. 지난 번에는 Mutation을 이용하여 Add 하는 법을 포스팅 했었죠. CRUD에서 Create부분 이죠. GraphQL - Mutation (Add) [GraphQL] GraphQL 시작하기 - 3 (Mutation) 안녕하세요. 오늘은 GraphQL 에서 데이터를 Create 할 수 있는 Mutation 에 대하여 포스팅 해보겠습니다. 기존에는 Query를 통하여 데이터를 가져오는 방법을 했었는데, 전체 데이터를 가져오기도 하고 Parameter.. eomtttttt-develop.tistory.com 오늘은 이와 반대대는 delete를 해보겠습니다. 어렵지 않습니다. 순서는 늘 똑같습니다. scheme.graphql 수정 -> resolver.js 수정 -> 필요한 함수 수정 (Dat..

안녕하세요. 오늘은 GraphQL 에서 데이터를 Create 할 수 있는 Mutation 에 대하여 포스팅 해보겠습니다. 기존에는 Query를 통하여 데이터를 가져오는 방법을 했었는데, 전체 데이터를 가져오기도 하고 Parameter를 이용하여 특정 데이터를 가져오기도 하였습니다. GraphQL - Query [GraphQL] GraphQL 시작하기 - 2 (Query with parameter) 요즘 그래프 큐엘로 서버를 구축하고 있고 공부 중인데, 지난번에는 Query와 기본적인 개념에 대하여 포스팅했었습니다. 이번에는 복습 차원에서 parameter를 가진 Query를 만들 때에 어떻게 해주는지 포스팅해보.. eomtttttt-develop.tistory.com 먼저 스키마를 정의해줍니다. sche..

JavaScript clean code 아주 좋은 분께서 Clean Code에 책을 JavaScript 언어에 적용시켜서 글을 써주셨는데 저도 가끔 읽고 있어서 찾기 쉽게 포스팅을 해놨습니다. 혹시 문제가 될 시 삭제하겠습니다. 이 글은 소프트웨어 방법론에 관한 책들 중 Robert C. Martin's의 책인 Clean Code에 있는 내용을 JavaScript 언어에 적용시켜 적은 글 입니다. 이 글은 단순히 Style Guide가 아니라 JavaScript로 코드를 작성할때 읽기 쉽고, 재사용 가능하며 리팩토링 가능하게끔 작성하도록 도와줍니다. 여기 있는 모든 원칙이 엄격히 지켜져야하는 것은 아니며, 보편적으로 통용되는 원칙은 아닙니다. 이것들은 지침일 뿐이며 Clean Code의 저자가 수년간 경..

요즘 그래프 큐엘로 서버를 구축하고 있고 공부 중인데, 지난번에는 Query와 기본적인 개념에 대하여 포스팅했었습니다. 이번에는 복습 차원에서 parameter를 가진 Query를 만들 때에 어떻게 해주는지 포스팅해보겠습니다. GraphQL 시작하기 - 1 [GraphQL] GraphQL 시작하기 2020년에는 새로운 것을 시작하기로 마음을 먹었었는데 그동안 아버지 홈페이지 리뉴얼 작업으로 인하여 React + MobX + Styled-Component + Firebase + AWS로 프로젝트를 구성하고 끝내느라 시작하지 못하였습니.. eomtttttt-develop.tistory.com 앞서 스키마를 만들고 Query를 지정해주고 그에 맞는 resolvers를 구성했었는데 parameter를 받기 위해..

2020년에는 새로운 것을 시작하기로 마음을 먹었었는데 그동안 아버지 홈페이지 리뉴얼 작업으로 인하여 React + MobX + Styled-Component + Firebase + AWS로 프로젝트를 구성하고 끝내느라 시작하지 못하였습니다. 현재는 새롭게 '가제: 영화왕' 이라는 프로젝트로 진행해보려고 하는데 대략 적인 스펙은 Flutter + React(Styled-component + Apollo + TypeScript) + Node JS(GraphQL) + AWS +? 일단 요정도 스펙으로 생각해보고 있습니다. Flutter를 사용하여 껍데기 앱을 만들고 그 위에 웹뷰를 React로 띄워 볼 생각입니다. 그래서 보다 빠른 서비스 대응을 할 수 있는 웹앱을 제작해보려고 하는데 그에 앞서 새롭게 배워..

안녕하세요. 엄티입니다. 지난 포스팅에서는 eslint, prettier를 사용하여 기본적인 JS 문법과 협업 시 코딩 스타일을 맞추는 법에 대하여 포스팅해보았습니다. 이번에는 요즘 대세(?) 대세가 된지는 많이 지났지만 JS의 부족함 점을 여과 없이 채워주고 있는 TypeScript를 적용하는 법에 대하여 포스팅해보겠습니다. CRA (Create-react-app)에 eslint, prettier 적용하기 [React] CRA (Create-react-app) 에 eslint, prettier 적용하기 안녕하세요. 엄티입니다. 자바스크립트는 매우 동적인 언어이기 때문에 개발하기는 쉽지만, 딱히 없는 포맷 때문에 여러 명이서 협업하다 보면 코드 스타일이 안 맞기도 하죠. 이러한 문제들 때문에 eslint..

안녕하세요. 엄티입니다. 자바스크립트는 매우 동적인 언어이기 때문에 개발하기는 쉽지만, 딱히 없는 포맷 때문에 여러 명이서 협업하다 보면 코드 스타일이 안 맞기도 하죠. 이러한 문제들 때문에 eslint를 적용 하여 자바스크립트 문법을 잡아주기도 하고 prettier를 적용 하여 일관된 코딩 형태(세미콜론, 간격, 따옴표 등)를 유지시켜 줍니다. 물론 eslint 를 사용하여 코딩 형태를 잡아주기도 하지만 분리하여 eslint를 자바스크립트 문법에 관여하고 prettier는 서로 간의 코딩 스타일을 맞추는데 중점을 두기도 합니다. 먼저 저는 VSCode를 주로 사용하기 때문에 포스팅도 그에 관하여하겠습니다. 먼저 각각 eslint, prettier 익스텐션을 깔아줍니다. eslint 먼저 eslint부터..

자바스크립트는 배열의 내장 함수로 정렬해 주는 함수를 가지고 있습니다. 이를 sort()라고 하는데요 이에 대한 포스팅을 해보겠습니다. Array.prototype.sort() Array.prototype.sort() sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따릅니다. developer.mozilla.org var a = [2, 3, 1, 2, 5, 6]; a.sort() // [1, 2, 3, 4, 5, 6] 간단하게는 이렇게 사용 됩니다. 그러나 여기서 몇가지 문제가 발생합니다. var a = [1, 10000, 100, 3, 5, 4] a.sort() // ..

안녕하세요. 엄티입니다. 오늘은 Node 서버에서 image url를 가지고 s3 업로드 하는 방법을 포스팅해보겠습니다. 일단 먼저 AWS 계정을 만들고, s3에 bucket을 만들어야하는데, 이는 워낙 간단하니 생략하도록 하겠습니다. 저는 제가 생성한 'kjglass-images' 버킷에다가 이미지를 올릴거에요. 일단 저는 기존에 레거시 사이트에서 크롤링을 통하여 이미지 링크(image src) 를 알고 있고 이를 node 서버에 잠시 업로드 한뒤, 바로 s3에 업로드 하는 방식으로 작업을 진행하겠습니다. 1. 먼저 aws 를 프로젝트에 설치해줍니다. $ npm i aws-sdk 2. 파일을 읽을 수 있는 모듈도 설치해줍니다. $ npm i fs 3. aws config 를 설정해줍니다. const A..