본문 바로가기

분류 전체보기329

[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.
[GraphQL] Apollo Server를 이용한 GraphQL 사용 방법 Apollo Server는 Server 프로그래밍과 Client 프로그래밍 모두에 사용할 수 있는 오픈 소스 GraphQL 서버입니다. 이번 포스팅에서는 Apollo Server와 GraphQL의 간단한 소개와 사용 방법에 대해서 알아보도록 하겠습니다. 목차 1. GraphQL은 무엇인가 2. Apollo Server는 무엇인가 GraphQL 무엇인가 GraphQL은 API에 대한 쿼리 언어라고 표현하고 있습니다. GraphQL을 사용하면 필요한 데이터만을 가공해서 가져올 수 있으며 만약 추가적인 데이터를 필요로 할 경우 간단히 수정이 가능합니다. GraphQL 쿼리는 항상 예측 가능한 결과를 반환하고 서버에서 가져온 데이터를 제어하는 데 사용되는 언어입니다. GraphQL이 지원하는 언어 역시 굉장히 .. 2021. 5. 15.
[Javascript] Arrow Function (ES6 버전) 지난 포스팅에서 Javascript의 ES6버전 이상에서 사용할 수 있는 키워드나 문법들을 알아보았습니다. 여러 가지가 있었지만 자세하게는 본 것이 아니기에 하나씩 다시 포스팅하려 합니다. 이번 포스팅에서는 Arrow Function에 대해서 알아보도록 하겠습니다. Javascript Arrow Function은 무엇인가 화살표 함수라고 표현하기도 모호하고 프로그래밍의 경우는 원어 그대로 사용하는 것이 더 직관적일 수 있기에 저는 Arrow function이라 사용합니다. Arrow function은 특별한 함수가 아닌 키워드를 의미합니다. 기존 함수의 생성은 아래와 같이 만들었습니다. function myFunc1() { console.log('myFunc1'); } let myFunc2 = funct.. 2021. 5. 14.
[Javascript] Object 생성시 key를 변수에 담긴 문자로 사용하는 방법 Javascript를 이용해서 데이터를 주고 받을때에는 보통 Object를 사용합니다. 통신을 위해서는 JSON Object를 많이 사용하죠. 이때 변수에 담긴 문자 또는 문자열을 Object의 key로 사용하려 할때가 있습니다. 이번 포스팅에서는 Javascript Object 생성시 변수에 담은 문자열을 key로 사용하는 방법을 알아보겠습니다. Javascript Object 만들기 Javascript의 Object에 관련된 내용은 아래 포스팅에 자세하게 설명해두었습니다. 2021.05.01 - [쿤즈 Dev/HTML & CSS & Javascript] - [Javascript] Object의 생성과 사용 방법 [Javascript] Object의 생성과 사용 방법 앞선 여러 가지 포스팅에서 Java.. 2021. 5. 13.
[C언어 문제] 랜덤(random)함수를 이용한 Up & Down 게임 만들기 이번에 만들어볼 문제는 업 다운 게임입니다. 0에서 100까지의 숫자 중에서 하나의 숫자를 정하면 그 숫자를 업다운으로 해서 맞추는 게임입니다. 비교적 간단한 게임입니다. 이번 포스팅에서는 기본 헤더인 stdio.h 외에 추가적인 헤더를 사용해서 랜던 함수를 이용해 보도록 하겠습니다. C언어 문제. 랜덤(random) 함수를 이용한 Up & Down 게임 만들기 화면에 다음과 같이 출력되도록 프로그래밍하시오. 숫자를 입력하세요 ( 0 ~ 100 ) : 105 범위에 벗어난 숫자입니다. 숫자를 입력하세요 ( 0 ~ 100 ) : 30 Down 숫자를 입력하세요 ( 0 ~ 100 ) : 20 Up 숫자를 입력하세요 ( 0 ~ 100 ) : 25 정답입니다. 조건 1. rand() 함수를 사용하기(rand().. 2021. 5. 12.
[Javascript] ES6(ECMAScript 2015)란 무엇인가 Javascript를 프로그래밍하다 보면 ES6 또는 ECMAScript2015라는 내용을 보신 적이 있을 겁니다. 혹은 알지 못해도 ES6 이상의 버전으로 프로그래밍을 하고 있을 수도 있습니다. 이번 포스팅에서는 ES6가 무엇인지 간략하게 알아보도록 하겠습니다. Javascript ES6 (EMCAScript 2015) 버전 Javascript는 ES6 (EMCAScript2015) 버전을 기점으로 사용방법이 조금 달라졌습니다. 물론 하위호환이 가능하여 기존에 사용하던 방법은 그대로 사용할 수 있으며 새롭게 사용하는 방법이 추가되었습니다. EMCAScript라는 것은 Javascript 프로그래밍 언어의 표준을 의미합니다. 모든 언어에는 표준이 존재하며 Javascript 역시 마찬가지입니다. 그렇다면.. 2021. 5. 11.
[Javascript] 다중 배열(Multidimensional Arrays)에 대해서 알아보자 앞선 포스팅에서는 Javascript의 배열에 대해서 알아보았습니다. 배열은 여러 개의 Object를 하나의 변수에 담아서 사용할 수 있으며 배열에 담긴 모든 Object는 index로 접근이 가능합니다. 이번 포스팅에서는 배열속에 다시 배열을 넣은 다중 배열에 대해서 알아보겠습니다. Javascript 다중 배열이란 다중 배열은 배열에 다시 배열이 있는 배열을 말합니다. 배열 속에는 다양한 Object들이 포함될 수 있습니다. 배열 역시 하나의 Object이기 때문에 배열 내부에 다시 포함될 수 있습니다. 이러한 배열들을 2차 배열, 3차 배열이라 표현합니다. 구조는 동일하기때문에 2차 배열을 보도록 하겠습니다. const arrays = [[1, 2, 3], [4, 5, 6], [7, 8, 9]]; .. 2021. 5. 10.

티스토리툴바