2018~2019
-
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 명령어와 비슷.- 쉽게 설치하는 데 중점을 둔 완전한 기능을 ..
-
파이썬으로 카카오톡 챗봇 만들기2018~2019/Python 2018. 7. 7. 01:03
1. Django 설치 pip3 install --upgrade pippip3 install django 2. 프로젝트 생성 django-admin startproject myproject(프로젝트이름)python manage.py startapp mybot(어플리케이션이름)python manage.py migrate 3. 설정 [ settings.py 수정 ] INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'mybot' 각 버튼에..
-
리액트 정리하기2018~2019/React.js 2018. 7. 6. 23:05
1. ReactJS란? - Facebook에서 만든 UI Component 라이브러리- 템플릿 언어가 없는 순수한 JavaScript 기반 - 단방향 데이터 바인딩 : 데이터 -> UI- ReactDOM : 가상 DOM을 사용하여 브라우저에 이미 반영된 뷰와 새로운 뷰의 차이점을 찾아냄. 이 과정을 DOM 비교 또는 상태와 뷰의 보정이라고 부름. 가상 DOM은 자바스크립트 메모리에만 존재한다. 데이터를 변경하면 가상 DOM을 먼저 비교하고, 변경점이 있는 경우에만 실제 DOM을 렌더링함. *SPA(Single-Page Application)- 브라우저저 측에 로직이 더 많은 팻 클라이언트.- HTML 렌더링, 입력값 검증, UI 변경 등의 기능을 브라우저에서 해결- MVC 아키텍처를 이용하여 구현