본문 바로가기

Language

React Server Side Rendering  작년과 올해 들어 가장 각광받는 javascript library를 뽑아보면 React도 그 안에 들어갈 것이다. React의 장점을 생각해보면 Virtual DOM, JSX, Component 그리고 Flux 등 여러가지가 있을 것이다. 그 중에서 이번엔 서버 랜더링에 대해 알아보고 정리해 보도록 하자. React는 설계 단계부터 Server-Side Rendering(SSR)을 고려하여 설계되었다.  ..
nodejs error handling  오늘은 nodejs framework로 많이 사용하는 Express의 error handling에 대해서 정리해 보도록 하자. Express에서 어떻게 어플리케이션을 구조화하는지에 대한 가이드를 제공하지 않는다. 그 이유는 어플리케이션의 규모 및 참여하는 팀의 규모에 따라 구조가 달라질 수 있기 때문에, 최대한 유연성을 유지하기 위하여 구조에 대한 전제조건을 배제하려했기 때문이다. 따라서&nbs..
Javascript ES6 Proxy  여기저기서 자바스크립트의 새로운 표준인 ECMA2015(ES6) 문법이 많이 쓰이고 있다. arrow, spread부터 class까지 정말 다양한 스펙들이 추가되었다. 그 중에서 아무리 봐도 잘 이해가 안가는 객체가 있었으니 바로 Proxy이다. 구글링을 해봐도 명쾌하게 이해되는 글은 찾아볼 수가 없었다. 이번 기회에 proxy가 뭔지 파헤쳐 보도록 하자.Proxy ? 먼저 Proxy란 단어의 사전적 의미부터 알아보자. ..
Javascript Image Filter 만들기  최근 어플리케이션 보면 셀카/셀피를 찍어 이미지 필터를 적용할 수 있는 앱을 쉽게 찾아볼 수 있다. Facebook, Instagram, B612 등 사진을 올릴 때 필터를 쉽게 적용해서 올릴 수 있다. 사실 이런 필터 기능들은 예전부터 포토샵을 이용하면 쉽게 적용할 수 있었다. 사실 필터란, 레스터 그래픽으로 이루어진 사진들의 픽셀(화소)값들을 특정 규칙에 따라 색을 바꿔주는 것이다. 구글에 javascript Filt..
Webpack2 시작하기 Webpack2 시작하기 오늘날 javascript를 빌드하지 않고 사용하는 경우는 드물다. 때문에 js를 빌드할때 사용하는 빌드툴이 매우 다양한데 최근에는 grunt, gulp, browserify를 거쳐 webpack을 이용해서 빌드를 많이 하는 것 같다. 이번 기회에 webpack2에 대한 소개를 해 보고자 한다. 또 새로운 프로젝트를 만들 때마다 빌드 환경을 설정해 주고 있는데, 그때마다 공식 문서..
LINE Bot 만들기 - 3. Nodejs 서버 만들기 이제 Nodejs를 이용해서 AWS에 올라갈 서버를 만들어 보도록 하겠습니다. 비지니스 로직 구현에 참고할 문서는 Messaging API(https://devdocs.line.me/en/)를 참고하였습니다. 여기서는 서버 설정과 간단히 응답하는 코드에 대해서만 설명하도록 하겠습니다.아래 내용은 express module에 대해서 알고 있다는 전제하에 진행하도록 하겠습니다.1. SSL 설정하기우리가 만든 서버에서 https protocol을 사용하기..
LINE Bot 만들기 - 2. AWS 서버 & SSL 인증서  앞에서 설명한 callback URL에 등록할 서버를 만들어 보도록 합시다. Messaging API는 https 프로토콜을 사용해야 하기 때문에 SSL 인증서가 필요합니다. 여기서 SSL인증서는 comodo 업체의 인증서를 사용해서 만들어 보도록 하겠습니다.AWS 서버 구축하기 아마존 웹 서비스(AWS)는 처음 가입하면 12개월 무료로 사용할 수 있는 프리티어 서비스를 제공합니다. (쉽게말하면 12개월 공짜!) 우리는 ..
LINE Bot 만들기 - 1. 시작하기 채팅봇(Chat Bot)이란? 챗봇이란 쉽게 말해 채팅하는 로봇이다. 정해진 응답 규칙에 따라 사용자 질문에 응답할 수 있도록 만들어진 시스템이다. 전자게시판이나 통신망에서 여러 사용자가 다양한 주제를 가지고 실시간 모니터링 화면을 통해 대화를 나누는 채팅과, 자동으로 사람이 하던 일을 수행하는 기계인 로봇에서 한 글자씩 따와 만든 용어다. 인공지능을 기반으로 사람과 자동으로 대화를 나누는 소프트웨어라고 보면 된다.출처 : 네이버 캐스트 -..
ECMA 2015를 공부해보자  Javascript의 속도가 점점 빨라지면서 이를 이용하여 단순 HTML코드에서 사용되는 스크립트를 넘어, 어플리케이션을 만드는 데에도 사용되고 있다. 따라서 현재 트렌드를 따라가기 위해, 현재 사용되고 있는 ECMA5 문법에 새로운 스펙이 추가 된 ECMA2015(es6)가 표준화 되었다. 그러나 현재 몇몇 브라우저에서 제한된 문법만 지원되고 있을 뿐이어서 실제 개발이나 서비스에 도입..
자바스크립트 배열 배열은 언어에 구분없이 많이 사용되는 자료구조이다. 여기서 자바스크립트에 사용되는 배열을  한번 정리해 보자.1. 배열 선언배열을 만드는 방법은 여러가지가 있다.  1) [ ]를 이용하여 배열을 선언하는 방법  var numbers = [];    // 배열 선언  var numberArray = [ 1, 2 , 3, 4 , 5]; 2..