JavaScript를 필두로, 전반적인 Front-End 기술에 관심이 많습니다.

Storybook 입문 가이드

January 8, 2018 Dev

페이지 단위의 개발이 이루어지던 과거와 달리 요즘의 프론트엔드 개발은 주로 컴포넌트 단위로 이루어진다. 이 컴포넌트라는 개념은 사용하는 라이브러리나 프레임워크에 따라 구현 방식이 다르지만, 철학은 거의 동일하다. 원래 컴포넌트는...

2017년 회고

December 30, 2017 Life

2017년도 끝이 다가왔다. 나는 어떤 형태로든 매년 말마다 회고를 해왔다. 지금까지는 회고를 할 때마다 항상 내 스스로 “잘했다” 혹은 “많이 발전했다”라는 생각을 주로 했던 것 같다. 작년 회고를...

TypeScript: 타입 추론과 타입 단언

December 12, 2017 Dev

TypeScript 를 도입하기가 망설여지는 이유 중 하나는 매번 일일이 변수를 선언할 때마다 타입을 선언해야하고 필요한 타입을 정의해야하는 비용에 대한 걱정일 것이다. 필요한 타입이 있을 때 타입을 정의하는 일은...

[책] 애자일 & 스크럼 프로젝트 관리

October 26, 2017 Book

처음 애자일이나 스크럼 등의 개념을 접한 건 아마 전 직장을 다닐 때 였을 것이다. 당시 나에게는 첫 직장이었기 때문에 전통적인 개발 방법론도 제대로 겪어본 적이 없었던 나에겐, 이런...

MobX with React

October 18, 2017 Dev

이전 글에서는 React를 배제한 채로 MobX만 사용했었고, Angular 혹은 jQuery와 연계해서 사용할 수도 있지만 MobX는 React랑 함께 사용되는 게 가장 일반적이다. 이번 글에서는 MobX와 React를 연계해서 사용하는 내용에...

Hello, MobX

October 7, 2017 Dev

Simple, scalable state management MobX는 프론트엔드를 위한 어플리케이션 상태 관리 라이브러리다. 주로 React에 바인딩되어 사용되고, 상태 관리 라이브러리라는 특성 때문에 종종 Redux와 비교된다. Redux가 함수형 아이디어를 적용했다면 MobX는...

TypeScript: Enum

July 18, 2017 Dev

이전 글 - TypeScript: 제네릭(Generic) JavaScript를 쓰면서 느끼게 되는 아쉬운 점 하나는, Enum(Enumeration, 열거형)의 부재다. 사실 JavaScript 같은 동적 타입 언어에서 Enum이 없는 게 당연하지만, 유한하면서도 여러가지의 상태를...

AWS Lambda: Apex로 관리하기

July 9, 2017 Dev

이전 글: AWS Lambda: 시작하기 Lambda를 처음 쓰기 시작했다면 코드를 웹 콘솔에서 직접 수정하거나, ZIP 파일을 통해 배포하고 관리해야하는 것이 불편하게 느껴질 수 있을 것이다. AWS SDK가 제공되고...

AWS Lambda: 가볍게 시작하기

May 27, 2017 Dev

최근에 AWS Lambda를 좀 써볼만한 일이 생겨서 이래저래 삽질을 했다. 막상 시작하려니 내가 잘 모르는 분야라 부담스럽기도 해서 시도를 주저하고 있었는데, 해보고 나니 생각보다 어려운 편은 아니었다. 그...

webpack2 입문 가이드

March 21, 2017 Dev

이 글은 webpack을 다루어 보지 않은 사람들을 위한 가이드다. 다만 webpack2를 기준으로 하며, 기본적인 웹 지식(CommonJS, ES2015 등)은 알고있다고 가정한다. webpack webpack은 JavaScript 모듈 번들러(Bundler)다. 번들러는 말 그대로...

개발자라면, 블로그

February 26, 2017 Opinion

지난 금요일(17.02.24), 9XD에서 “개발자라면, 블로그”라는 주제로 발표를 했다. 원래는 발표자료만 올리려다가 스피치 빼고 발표자료만 보면 무슨 소린지 이해가 잘 안 될 수 있다 싶어서 블로그에 부연설명을 덧붙여 올린다....

나의 커맨드라인 인터페이스

February 5, 2017 Dev

웹 개발자라면 커맨드라인 인터페이스를 이용해 처리해야하는 일들이 종종 있다. 나는 CLI를 잘 못 쓰는 편이라서 딱히 하드한 설정을 사용하는 건 아니지만 맥에 새로 CLI 환경을 세팅하면서 은근히 여러가지...

TypeScript: 제네릭(Generic)

January 14, 2017 Dev

이전 글 - TypeScript: 함수(Function) 제네릭은 Java 등의 정적 타입 언어를 사용하던 사람에게는 익숙한 단어일지도 모르겠다. 그러나 JavaScript를 사용해왔던 개발자에게는 그렇지 않다. 제네릭은 어떠한 클래스 혹은 함수에서 사용할...

Flexbox 활용사례 모음: Solved by Flexbox

January 9, 2017 Dev

Flexbox는 웹페이지에서 다양한 레이아웃을 만들기 위해서 쓸 수 있는 최신 CSS 기능이다. 사실 지금까지 CSS를 이용해서 레이아웃을 만드는 것이 그리 간단한 일은 아니었다. 수직 중앙 정렬은 잘 알려진...

2016년 블로그 운영 회고

December 10, 2016 Life

올 한 해 스스로 잘했다고 생각하는 것 중에 하나는 바로 블로그 운영이다. 사실 블로그는 작년에 시작했다. 작년 8월 쯤, 그러니까 첫 커리어의 시작 즈음에, 스스로의 실력에 대한 회의감,...

[책] 함수형 사고

December 5, 2016 Book

요즘 함수형 프로그래밍에 관심이 많다. 나뿐만 아니라 함수형 패러다임을 도입하는 것이 프로그래밍계의 트렌드라는 생각이다. 대표적으로 2014년에 도입된 Java 8을 꼽을 수 있겠으며 앞선 글에서도 말했듯 prefer-const도 함수형 패러다임의...

const에 대한 오해

November 21, 2016 Code

const is not immutable? 얼마 전에 어떤 페이스북 그룹에서 공유된 글 중에 이런 글이 있었다. 본문에는 이런 문장이 있다. ES6 const does not indicate that a value is...

TypeScript: 함수(Function)

November 18, 2016 Dev

이전 글 - TypeScript: 인터페이스(Interface) 함수 타입 선언 전에 한 번 다룬대로, TypeScript는 함수에도 타입을 선언할 수 있다. 타입 지정 대상은 함수로 전달되는 매개변수와 최종 리턴 값이 될...

Deview 2016 1일차 정리

November 7, 2016 Offline

키노트 키노트에서는 네이버 랩스에서 진행하고 있는 신기술 개발 발표에 많은 시간을 할애했다. 크게 세 가지 기술이 소개됐다. WHALE 첫 번째는 네이버의 새로운 웹 브라우저 WHALE, 이전부터 네이버 정도면...

TypeScript: 인터페이스(Interface)

October 17, 2016 Dev

이전 글 - TypeScript: 클래스(Class) 클래스와 인터페이스 지금껏 JavaScript만을 다뤄본 개발자라면 인터페이스라는 개념은 익숙치 않을 것이다. 하지만 Java나 C# 등의 정적 타입 언어에서는 이미 많이 쓰이는 개념이다. 인터페이스는...

TypeScript: 클래스(Class)

October 17, 2016 Dev

이전 글 - TypeScript: Basic Type 클래스는 JavaScript 생태계 속에서도 TypeScript에만 있는 개념이 아니다. CoffeeScript나 ES2015를 사용해봤다면 이미 클래스를 몇 번 쯤은 사용해보았을 것이다. 이 글에서는 ES2015의 클래스를...

첫 번째 이직

October 15, 2016 Life

이직을 하게 됐다. 가만히 앉아있는데 무슨 오퍼가 와서 이직하게 된 건 아니고(일부 맞는 말이기는 한데..), 내가 원해서 새 직장을 찾게 되었다. 물론 이직을 하게 된 동기도 있지만.. 그건...

[번역] 반응형 프로그래밍과 RxJS 이해하기

October 9, 2016 Code

요약: RxJS는 이벤트 스트림과 데이터를 쉽게 만들고 다룰 수 있도록 도우는 라이브러리다. 복잡하지만 가독성이 좋은 비동기적 코드를 더 쉽게 작성할 수 있도록 도운다. 큰 규모의 비동기 어플리케이션을 작성하는...

TypeScript: Basic Type

October 2, 2016 Dev

이번 글에서는 TypeScript에서 제공하는 Basic Type들을 알아볼 것이다. 개인적으로 공부하고 정리한 글이니 퀄리티가 많이 낮을 수도 있다. Type annotation 먼저 TypeScript의 타입들을 알아보기 전에 Type annotation을 알아본다. 일반...

TypeScript: 소개

September 25, 2016 Dev

Introduction JavaScript that scales. TypeScript 캐치프레이즈 TypeScript는 Microsoft에서 개발하여 2012년에 발표한 JavaScript로 컴파일 되는 언어이다. JavaScript에 정적 타이핑과 ES2015를 기반으로 하는 객체지향적 문법이 추가된 것을 주요 특징으로 한다....

람다, 익명 함수, 클로저

September 17, 2016 Dev

람다에 대한 부끄러운 에피소드가 하나 있다. 어떤 분이 페이스북 그룹에 JavaScript 콜백과, 람다함수, 클로저에 대해 물어보는 글을 올렸다. 난 당시 콜백과 클로저에 대해서는 어느정도 알고 있었지만 람다에 대해서는...