본문 바로가기

쿤즈 Dev206

[ GraphQL] 스키마(Schema) 정의 방법 (4): Mutation type 지난 포스팅까지 기본적인 스키마들을 정의해서 Query까지 만들어 보았습니다. 기본적인 타입은 Scalar types, Object types이 있었으며, 데이터를 호출하기 위해서 Query type을 만들어서 데이터를 가져오는 데까지 해보았습니다. 이번 포스팅에서는 네 번째로 Mutation type에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Mutation types에 대해서 알아보도록 하겠습니다. The Mutatio.. 2021. 5. 24.
[Javascript] 비동기(Asynchronous) 사용해보기 Javascript 프로그래밍에서 이제는 빼놓을 수 없는 프로그래밍 방법이 바로 비동기 (Asynchronous) 프로그래밍입니다. 이번 포스팅에서는 비동기가 무엇인지 알아보고 대표적인 비동기 함수인 setTimeout()에 대해서 알아보겠습니다. 비동기(Asynchronous)란 무엇인가 비동기 프로그램 이전에 동기 프로그래밍이 있었습니다. 대부분의 C언어는 동기 프로그래밍입니다. 동기와 비동기의 차이점은 하나입니다. 결과를 받을 때까지 기다리는가, 아니면 기다리지 않는가. 이게 무슨 의미인지 아래를 보도록 하겠습니다. 우선 동기(Synchronous)라고 생각해 보겠습니다. statement1(); statement2(); statement3(); statement1() 함수를 실행했을 때 st1의 .. 2021. 5. 23.
[Javascript] Map 사용 방법 (ES6) Javascript의 ES6 이상 버전에서는 여러 가지 편리한 기능과 함수들이 다수 등장했습니다. 이전 포스팅에서 언급한 Spread 연산자도 그 한 부분입니다. 이번 포스팅에서는 map에 대해서 알아보고 사용을 해보도록 하겠습니다. Javascirpt Map Javascript에서 Map은 Object과 유사한 부분을 가지고 있습니다. 모두 key와 value의 형태로 데이터를 저장한다는 것입니다. 다만 Map의 키는 문자열뿐만 아니라 함수 혹은 다른 데이터 타입도 키로 사용할 수 있습니다. Javascript의 Map을 사용하는 방법은 다음과 같습니다. let map = new Map(); console.log(map); // Map(0) {} 새로운 Object를 변수에 대입시킬때처럼 new 키워드.. 2021. 5. 22.
[GraphQL] 스키마(Schema) 정의 방법 (3): Query type 지난 포스팅에서 GraphQL의 스키마에 대해서 알아보기 시작했습니다. 그중에서도 기본적인 타입인 Scalar types을 보았고 이후에 이 Scalar types을 포함해서 만든 Object types을 만들어 보았습니다. 이번 포스팅에서는 세 번째로 Query type에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Query types에 대해서 알아보도록 하겠습니다. The Query type 이 타입은 GraphQL의 A.. 2021. 5. 21.
[Javascript] 최댓값, 최솟값 구하는 방법 Javascript를 이용해서 여러 가지 수학적인 계산을 하는 경우도 있고, 데이터를 분석하기 위해서 값을 찾는 경우도 있습니다. 이번 포스팅에서는 Javascript 내장 함수를 이용해서 최댓값과 최솟값을 구하는 방법을 알아보겠습니다. Javascript 최댓값 구하기 최댓값과 최솟값을 구하기 위해서는 Javascript 내장 함수를 사용합니다. 내장 함수는 Math Object의 max(), min() 함수입니다. Math.max([val1, val2, ... ]) Math Object에는 많은 함수들이 있습니다. 그중에서도 max() 함수를 사용합니다. max() 함수의 parameter는 값들이 들어갑니다. 예를 들어서 보도록 하겠습니다. Math.max(1, 2, 3, 4, 5); // 5 ma.. 2021. 5. 20.
[GraphQL] 스키마(Schema) 정의 방법 (2): Object types 지난 포스팅에서 GraphQL의 스키마에 대해서 알아보기 시작했습니다. 우선 스키마를 정의하기 위한 언어인 SDL(Schema Definition Language)을 이용해서 GraphQL의 스키마를 만드는 방법을 알아보고 Scalar types은 무엇인지 알아보았습니다. 이번 포스팅에서는 두 번째로 Object types에 대해서 알아보도록 하겠습니다. GraphQL 지원되는 타입의 종류 GraphQL에서 스키마 정의에 사용되는 모든 타입들은 아래와 같은 종류가 있습니다. Scalar types Object types The Query type The Mutation type Input types Enum types 이 중에서 이번 포스팅에서는 Object types에 대해서 알아보도록 하겠습니다. O.. 2021. 5. 19.
[GraphQL] 스키마(Schema) 정의 방법 (1): SDL과 Scalar types 지난 포스팅에서는 GraphQL의 간략한 개념과 사용을 위해 Apollo Server를 설치하고 웹을 이용해서 간단히 테스트를 진행해 보았습니다. 2021.05.15 - [쿤즈 Dev/GraphQL] - [GraphQL] Apollo Server를 이용한 GraphQL 사용 방법 Node.js를 기반으로 만드는 프로그래밍이기 때문에 Javascript를 조금이라도 다룰 줄 안다면 더 쉽게 사용이 가능합니다. 이번 포스팅에서는 기본적인 스키마(Schema)를 정의하는 방법을 알아보도록 하겠습니다. 스키마 정의 언어 (SDL : Schema Definition Language) GraphQL에서 스키마를 정의하는 방법을 SDL이라 합니다. 이런 스키마 정의 언어는 사람이 읽을 수 있는 형태로 만들어진 하나의.. 2021. 5. 18.
[Javascript] 연산자 Spread 사용 방법(2): Rest Parameter 지난 포스팅에서는 Spread 연산자에 대해서 알아보았습니다. Spread 연산자는 ... 키워드를 이용해서 배열을 손쉽게 복사하고 추가할 수 있는 키워드입니다. 이번 포스팅에서는 Spread 연산자를 이어서 Rest Parameter에 대해서 알아보도록 하겠습니다. Javascript Rest Parameter 일반적으로 Javascript의 함수 사용시 parameter로 값을 넣을 때에는 아래와 같이 사용합니다. let myFunc = function ( arg1, arg2, arg3 ) { ... } 받을 parameter의 개수를 파악하여 입력받을때 만들어줍니다. 그렇다면 Spread 연산자를 이용해 보면 어떨까요? let myFunc = function ( ...args ) { ... } 위와.. 2021. 5. 17.
[Javascript] 연산자 Spread 사용 방법(1): 복사, 합치기 Javascript의 ES6버전을 소개해 드렸습니다. 그리고 하나씩 자세히 포스팅하고 있어요. 이번 포스팅은 Spread 연산자입니다. Javascript Spread 연산자 Javascript의 Spread 연산자는 ES6버전에서 새롭게 등장한 연산자입니다. 새롭게 등장했지만 너무나 활용도가 좋아서 Javascript를 이용하는 많은 프로그램(Node.js, React 등)에서도 자주 사용하는 문법입니다. Spread 연산자는 ... 입니다. 점 세 개를 연산자로 사용한다니 첫 느낌이 신기한 느낌입니다. Spread 연산자는 아래와 같이 사용합니다. const arr = [1, 2, 3, 4, 5]; console.log(...arr); // 1 2 3 4 5 Spread 연산자는 반복문처럼 배열에서 .. 2021. 5. 16.

티스토리툴바