TOAST UI
APPLICATIONS
Chart
Editor
Grid
Calendar
Image-editor
COMPONENTS
App Loader
Auto Complete
Color Picker
Context Menu
Date Picker
Pagination
Rolling
Select Box
Time Picker
Tree
TOOLS
TOAST UI Doc
ESLint Config
Release Note
FE GUIDE
POSTS
Applications
Chart
Editor
Grid
Calendar
Image-editor
Components
App Loader
Auto Complete
Color Picker
Context Menu
Date Picker
Pagination
Rolling
Select Box
Time Picker
Tree
Tools
TOAST UI Doc
ESLint Config
Release Note
FE Guide
Posts
Posts
#All
301
#toastui
79
#angular
4
#architecture
9
#babel
4
#browser
61
#bundler
10
#css
7
#design pattern
4
#devtool
15
#ecmascript
65
#es6
31
#etc
31
#framework
15
#html5
8
#ionic
1
#monthly
27
#node.js
8
#opensource
20
#performance
30
#react
38
#react native
2
#redux
7
#refactoring
1
#svelte
2
#testing
17
#typescript
12
#vue.js
13
#webassembly
9
more
Webpack으로 자바스크립트 모듈관리 하기
기존의 프론트엔드 자바스크립트는 특별히 모듈화나 디펜던시관리에 대한 방법이 없어 필요한 자바스크립트 파일을 정해진 순서에 맞게 직접 스크립트 태그로 로드하고 각각 약속된 네임스페이스에 담아 공유했었다. 이런 방식은 프로젝트가 커질수록 그리고 참여 개발자가 많을수록 문제를 일으켰다.
#bundler
2016.02.12 - 5 min read
웹에서 플래시 없이 클립보드 사용하기
웹 플랫폼을 키우고 접근 가능한 새 도구로 만들기 위한 노력의 한 부분으로, 우리는 플래시(Flash)에 대한 웹의 의존성을 줄이는 노력을 하고 있다. 그 노력의 일환으로, 우리는 웹 플랫폼 전체를 위해 현재는 플래시로만 이용할 수 있는 유용한 기능들을 표준화하여 공개하고 있다
#etc
2016.01.11 - 4 min read
Github의 Atom에디터 '마커'기능 성능 향상 사례
지난 몇 달 동안 에디터의 성능 최적화 작업을 진행했다. 진행 도중 '마커' 기능 개선하는 약간은 어려운 이슈를 해결하는 작업이 계획되었다. '마커'는 논리적 영역을 지정하여 수정과 상관 없이 계속 추적하는 기능이다. 예를 들어 아래 gif 에서 녹색 영역이 '마커' 인데 텍스트가 변경되어도 계속 녹색으로 지정되어 있다.
#performance
2015.12.14 - 5 min read
자바스크립트의 함수형 프로그래밍 컨셉
대부분의 함수형 프로그래밍은 보통 함수들을 조립하고, 데이터들을 예측하기 쉽게 다루는 그런 것들을 의미한다. 간단한 함수들이 깔끔하게 합쳐지면서 복잡도는 증가할지라도, 신뢰할 수 있는 함수를 만들어낸다. 이 글은 함수형 프로그래밍 컨셉에 대한 여러 파트 중의 첫 번째 파트로, 람다(Ramda)라이브러리, composition, pointfree style 그리고 functor의 컨셉을 소개하려 한다.
#ecmascript
#design pattern
#etc
2015.11.17 - 9 min read
jQuery의 적절성 - 또 다른 시작
개인적으로 jQuery가 필요 없다는 글에 완전히 공감할 순 없다. 다만 개인적으로는 jQuery를 사용하는 것이 어떤 의미가 있는지 잊고 있었다는 생각이 들었다. 그래서 이 글을 통해 생각해보는 시간을 갖고자 한다.
#etc
2015.11.09 - 8 min read
Flux 카툰가이드
첫번째로 플럭스가 해결하는 기초적인 문제부터 설명하려고 한다. 플럭스는 어플리케이션에서 데이터를 다루는 패턴으로 리액트와 함께 페이스북에서 성장해왔다. 각각 독립적으로 사용이 가능하지만 많은 사람들이 둘을 함께 사용한다. 플럭스와 리액트는 페이스북에서 보여졌던 몇가지 문제점들을 해결하기위해 개발되었다.
#architecture
2015.10.27 - 6 min read
Javascript의 Iterator와 Generator
ECMAScript 2015(a.k.a. ES6)에서 새롭고 많은 기능들이 추가되었다. 대부분은 이해하기 쉽지만, Iterator와 Generator를 이해하기 위해선 조금 더 노력이 필요하다. 이 글은 여러분이 Iterator와 Generator를 활용할 수 있도록 가이드(base line)를 제공한다.
#es6
2015.10.21 - 5 min read
Javascript Promise Basic
Prmoise/A+ 사양에 기반을 둔 ECMAScript6 비동기 프로그래밍을 위한 또 다른 패턴 - Promise 전통적인 콜백 패턴이 가진 단점을 일부 보완하며 비동기 처리 시점을 명확하게 표현하도록 한다.
#ecmascript
#es6
2015.09.04 - 10 min read
Map / Reduce에서부터 자바스크립트 함수형 개발까지
ECMASript 5.1버전 이후로 Array.prototype.map과 Array.prototype.reduce는 주요 브라우저에서 도입하게 되었다. 이 두 함수는 개발자가 계산을 더 명확하게 설명하게 하는 것 뿐만 아니라 배열 탐색을 위한 반복문 작성을 단순화 시키는 역할을 한다.
#es6
2015.08.17 - 7 min read
ECMAScript 2015 정식 발표
ECMA 국제 표준 기구는 ECMA 262 6th 에디션의 승인을 발표했다. ECMA 262 6th 에디션은 ECMAScript 6의 언어 스펙 명세이자, ECMAScript 2015로 알려져 있다.
#ecmascript
#es6
2015.06.30 - 3 min read
26
27
28
29
30
Applications
Chart
Editor
Grid
Calendar
Image-editor
Components
App Loader
Auto Complete
Color Picker
Context Menu
Date Picker
Pagination
Rolling
Select Box
Time Picker
Tree
Tools
TOAST UI Doc
ESLint Config
Release Note
FE Guide
Posts
© NHN Cloud Corp.