Jaewonism - POST, Github, Front-end, Back-end, Web Developer, 웹 개발자, 프론트 엔드, 개발자, 백 엔드, Node JS, Express JS, Ruby On Rails

JOIN
LOGIN

Critical Rendering Path란?

브라우저가 서버로부터 HTML 응답을 받아 화면을 그리기 위해 실행하는 과정 이 글은 Ire Aderinokun 의 허락을 받고, Understanding the Critical Rendering Path라는 글의 일부를 번역한 것입니다. CRP 의 6 단계 DOM 트리 만들기 CSSOM 트리 만들기 Java S...

   MAR 6. 2017
Critical Rendering Path란?

Node JS 에서 GraphQL 사용하기

이 글을 읽기 전에 Graph QL 알아보기 를 읽어보면 더 좋다. 개발환경OS : OS X 10.12 Node.JS : 7.4.0 NPM : 3.10.3 Java Script : ECMA-2015 Transpiler : Babel 간단한 예제graphql 설치123$ yarn add graphql# or..$ npm i -...

   JAN 10. 2017
Node JS 에서 GraphQL 사용하기

Graph QL 알아보기

Graph QL 은 페이스북에서 오픈 소스로 제공하는 쿼리 언어로 새로운 데이터 교환 패러다임을 제시한다. (Ruby, Java, Python 등에서 사용가능하다.) 기존의 접근 방식들 서버에서 HTML 을 미리 렌더링하고, 클라이언트에서 이 HTML 을 내보내는 방식 실시간 인터랙션이 필요 없는 모든 웹 사이트에서 잘 동작한다. ...

   JAN 9. 2017
Graph QL 알아보기

간단한 Java Script Promise 사용 방법

Promise 는 ECMA Script 2015 스펙에 정의됐으며, 비동기 연산을 위해 사용된다. 아직은 아니지만 나중에 완료될 것으로 기대되는 연산을 표현한다.구문1new Promise(function (resolve, reject) { /* ... */ });resolve 는 완료되었을 때 실행하는 함수이고, reject 는 실패했을 때 실행하는 함수이...

   JAN 8. 2017
간단한 Java Script Promise 사용 방법

[자바스크립트 프레임워크 소개] Svelte

Svelte란? 2016년 11월에 출시된 Svelte 는 Java Script 프레임워크로, 크기가 매우 작다는 장점이 있다. 전통적인 프레임워크는 모듈을 정의하고, 실행하며, 상태를 유지하고, 뷰를 업데이트하는 등의 모든 행위에 대해 런타임 코드를 필요로 한다. Svelte 는 프레임워크를 전혀 사용하지 않은 것처럼 순수한 Java Script 코...

   JAN 4. 2017
[자바스크립트 프레임워크 소개] Svelte

Sequelize 에서 조건에 맞지 않는 경우에만 INSERT 하기

Sequelize 에서 Row 를 INSERT 하기 전에 조건에 부합하는 Row 가 존재하는지 여부를 체크한 뒤, 존재하면 INSERT 하지 않고, 존재하지 않으면 INSERT 하는 것을 구현하는 메소드를 알게되어 포스팅한다.기존에는 RAW QUERY 를 날려서 해결했었지만, findOrCreate 메소드를 사용하면 된다. 코드는 다음과 같다. 123...

   DEC 30. 2016
Sequelize 에서 조건에 맞지 않는 경우에만 INSERT 하기

Webpack 기본부터 배포까지

Webpack 사용하기Java Script 모듈화 시스템을 위한 방법으로 Common JS 를 사용하거나, Require JS 의 바탕이 되는 AMD 를 이용하는 방법이 있었다.Webpack 은 두 그룹의 명세를 모두 지원하는 Java Script 모듈화 도구로 로더를 추가할 수도 있고, 컴파일 속도도 빠르다는 장점이 있다. 목차 기본 사용 방법 ...

   DEC 13. 2016
Webpack 기본부터 배포까지

타입스크립트 기초 - 2

이 포스트는 타입스크립트 기초 - 1에서 이어지는 포스트이다. 인터페이스 함수에 전달될 파라미터들의 조합에 이름을 지을 수 있다.자바스크립트로 번역되면, 인터페이스는 사라진다.123456789101112131415161718/* Food 인터페이스는 name(string) 과 calories(number) 로 구성되어 있다. */interface F...

   DEC 12. 2016
타입스크립트 기초 - 2

타입스크립트 기초 - 1

타입스크립트를 배워보려고 쓰는 포스트이다.이번 포스트에서는 타입스크립트 설치, 특징, 컴파일, 타입들에 대해서 알아본다. 타입스크립트의 이점 정적 타입으로 인해 타입스크립트로 코드를 작성할 때 예측하기 쉬워지며, 디버그하기에도 쉽다. 모듈과 네임스페이스, 강력한 OOP 지원으로 크고 복잡한 애플리케이션의 코드 베이스를 체계화하기 쉽다. Ang...

   DEC 12. 2016
타입스크립트 기초 - 1

Array 에서 중복되는 원소 제거하기

배열이 원시 데이터 타입으로 된 원소만 가질 경우ES5배열이 원시 데이터 타입만을 포함할 경우, Array.prototype.filter() 메소드와 Array.prototype.indexOf() 메소드 를 사용하여, 중복 원소를 제거할 수 있다.Array.prototype.filter() : 매개 변수로 받는 함수의 반환값으로 true 인 것들로만 구성된...

   DEC 12. 2016
Array 에서 중복되는 원소 제거하기