2018~2019/JavaScript
-
ES2015+ (ES6)2018~2019/JavaScript 2018. 9. 21. 11:04
1. const, let- var : 함수 스코프- const, let : 블록 스코프- 기본적으로 변수 선언 시 const 사용, 다른 값을 대입해야 하는 경우 let 사용 2. 템플릿 문자열- ``으로 감싸는 문자열- ${변수} 형식으로 변수를 더하기 기호 없이 문자열에 넣을 수 있음- ex) `${num1} 더하기 ${num2}는 ${num3}` 3. 객체 리터럴- 같은 객체의 메서드에 함수를 연결할 때 콜론과 function을 붙이지 않아도 됨- 속성명과 변수명이 겹치는 경우에 한 번만 써도 됨- 객체 속성명을 동적으로 생성할 수 있음 4. 화살표 함수- () => {}- 화살표 함수의 this는 함수의 문맥과 동일한 this를 갖는다.- 따라서 this를 사용해야 하는 경우에는 화살표 함수와 함..
-
Deploy a GraphQL server with Now2018~2019/JavaScript 2018. 7. 17. 22:16
1. Install Now Desktop https://zeit.co/download => now desktop 다운로드 2. BootStrap the GraphQL Server npm install -g graphql-cligraphql create hello-basic --boilerplate node-basiccd hello-basicnow 3. 코드 수정 mongodb 연결 및 schema, resolvers 코드 작성 참고사이트 : https://www.prisma.io/docs/1.0/tutorials/graphql-server-development/deployment-with-now-ahs1jahkee
-
MongoDB 정리2018~2019/JavaScript 2018. 7. 8. 20:27
1. MongoDB란?- C++로 작성된 오픈소스 문서지향적 Cross-platform 데이터베이스.- NoSQL 데이터베이스.- 고정된 스키마와 JOIN이 존재하지 않음. *NoSQL(Not Only SQL)- RDBMS의 한계를 극복하기 위해 만들어진 새로운 형태의 데이터저장소. *Document- RDMS의 record와 비슷한 개념.- 동적인 schema를 갖고 있음 *Collection- MongoDB Document의 그룹.- RDMS의 table과 비슷한 개념- schema를 따로 갖고 있지 않음. 2. Schema- document의 구조 정의 *Schema Type1. String2. Number3. Date4. Buffer5. Boolean6. Mixed7. Objectid8. Arra..
-
GraphQL + MongoDB 연동하기2018~2019/JavaScript 2018. 7. 8. 16:06
1. Graphql-yoga 설치 - yarn add grapql-yoga 2. MongoDB 설치 및 mLab - yarn add mongoose- mLab 가입 후 deployment 생성 후 URL 생성 3. 코드 작성 [ index.js ] import { GraphQLServer } from "graphql-yoga";import mongoose from "mongoose"; mongoose.Promise = global.Promise; mongoose.connect('mongodb://:@~~~~', // mLab URL 삽입 dbuser: 아이디, dbpassword: 비밀번호{useNewUrlParser : true});mongoose.connection.once('open', () => ..
-
GraphQL 정리2018~2019/JavaScript 2018. 7. 7. 15:52
1. GraphQL이란?- REST API의 단점을 개선 ( Over-fetching, Under-fetching )- 어떠한 URL, View가 없음.- 특정 쿼리 : 필요로 하는 데이터만 정확하게 가져올 수 있다.- 빠른 프로토타입 개발 : 쿼리가 단일 EndPoint를 사용한다.- 적은 API 호출 : 데이터 구조를 프론트엔드에서 통제하고 여러 개의 REST EndPoint를 거쳐야 얻을 수 있었을 데이터를 한 번에 얻을 수 있다. 2. GraphQL 설치- yarn add graphql-yoga * graphql-yoga (https://github.com/prismagraphql/graphql-yoga)- creat-react-app 명령어와 비슷.- 쉽게 설치하는 데 중점을 둔 완전한 기능을 ..