JavaScript ES6 let const
Javascript ES6 let, const ES5에서의 변수선언의 유일한 방법은 var키워드를 사용하는 것이다. var 키워드의 단점 1.Function-level-scope 전역 변수의 남발(전역 변수는 어디서 변경될지 알기 힘들어지기 때문에 사용하지 않는 것이 좋다.) for loop 초기화식에서 사용한 변수를 for loop 외부 또는 전역
Javascript ES6 let, const ES5에서의 변수선언의 유일한 방법은 var키워드를 사용하는 것이다. var 키워드의 단점 1.Function-level-scope 전역 변수의 남발(전역 변수는 어디서 변경될지 알기 힘들어지기 때문에 사용하지 않는 것이 좋다.) for loop 초기화식에서 사용한 변수를 for loop 외부 또는 전역
Javascript ES6 Template Literals 템플릿 리터럴은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 `를 사용한다. 123const template = `템플릿 리터럴은 '작은따옴표(single quotes)'과 "큰따옴표(double quotes
Jq Ajax & JSON 7. Ajax with jQuery jQuery는 Ajax 요청과 응답을 위해 유용한 메소드들을 제공한다. 7.1 Low-Level Interface settings는 Ajax 요청 설정 정보로서 key/value의 쌍으로 이루어진 객체이다. 모든 settings는 옵션이다. url 요청이 전송될 url
jQuery Basic1. Introduction jQuery는 존 레식이 2006년에 발표한 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리이다. jQuery의 특징 크로스 플랫폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동작한다. 이것은 브라우저 호환성을 고려하여 대체 코드(Polyfill)를 작성할 필요가 없다는 것을 의미한
JavaScript Ajax3. Ajax 요청 및 응답 처리 브라우저는 XMLHttpRequest 객체를 이용하여 Ajax 요청을 생성한다. 서버가 브라우저의 요청에 대해 응답을 반환하면 같은 XMLHttpRequest 객체가 그 결과를 처리한다. 요청 처리의 예이다. 123456// XMLHttpRequest 객체의 생성var req = new XMLH
JavaScript Asynchronous processing model1. 브라우저의 동작 원리2. Ajax server에서 ajax를 통해서 데이터를 던지면 그것을 client가 받는 방식을 나타낸다. 전통적으로는 새로운 HTML을 불러와서 load부터 다시한다. 현재는 DOM Manipulation(조작)을 통하여서 ajax 통신을 한다. 서버가 존재
JavaScript RestAPI REST의 기본 원칙을 성실히 지킨 서비스 디자인을 “RESTful”이라고 표현한다. 1. REST API 중심 규칙URI는 자원을 표현하는 데에 집중하고 행위에 대한 정의는 HTTP Method를 통해 하는 것이 REST한 API를 설계하는 중심 규칙이다. URI는 정보의 자원을 표현해야 한다.리소스명은 동사
JavaScript Dom(Document Object Model)1. DOM(Document Object Model) 브라우저는 웹 문서(HTML, XML, SVG)를 로드하고 파싱하여 DOM(문서 객체 모델)을 생성한다. 브라우저 동작 원리 DOM이란? 브라우저의 렌더링 엔진은 웹 문서를 로드하고 파싱하여 웹 문서를 브라우저가 이해할 수 있는
JavaScript Event1. Introduction2. 동기식 처리 모델 vs 비동기식 처리 모델 server에서 ajax를 통해서 데이터를 던지면 그것을 client가 받는 방식을 나타낸다. 전통적으로는 새로운 HTML을 불러와서 load부터 다시한다. 현재는 DOM Manipulation(조작)을 통하여서 ajax 통신을 한다. 서버가 존재해
JavaScript Date 생성자 함수로 반드시 생성해야한다 리터럴 방식이 없다. 1. Date Constructor Date 생성자를 사용하여 날짜와 시간을 가지는 인스턴스를 생성한다. 1234new Date()new Date(milliseconds)new Date(dateString)new Date(year, month[, day, hour,
ElasticSearch Term vs Match. term란? sql의 equal(=)와 비슷하다. type이 text일 경우에는 term query를 사용하면 안된다. 기본적으로 ES는 분석 중에 text 필드의 값을 변경한다. 해당 index에 저장되는 token
ElasticSearch 기본용어. 클러스터 클러스터는 하나 또는 여러 노드들의 집합 클러스터 이름을 기준으로 노드들이 묶임 데이터를 노드들이 나눠 갖으며 노드들끼리 연합하여 인덱싱과 검색 작업 수행. Node 단일 서버이며 클러스터의 구성원. 데이터를 저장하고 클러스
Typescript프로젝트를 TypeScript로 만들어보자는 의견을 수렴하여 TypeScript를 시작하게 되었다.이번 프로젝트는 TypeScript와 DB는 mysql를 사용하고 Sequelize ORM를 사용하여서 프로젝트를 구성하였는데 Sequelize의 typ
Node TDDNode.js에서 TDD를 하기위하여 필요한 라이브러리를 소개한다. Mocha Mocha는 테스트 코드를 돌려주는 Test Runner이다. Should assertion(검증) 라이브러리이다. Supertest express 통합 테스트용 라이브러리이다
Graph QL을 가지고 Rest API를 감싸보자. GraphQL 영상출처 제목에서와 같이 GraphQL을 가지고 Rest API를 감싸는 방법에 대하여 알아보자.이 방법을 통하여 GraphQL의 2가지 장점인 Over-fetching, Under-fetching을