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
ChartEditorGridCalendarImage-editor
Components
App LoaderAuto CompleteColor PickerContext MenuDate PickerPaginationRollingSelect BoxTime PickerTree
Tools
TOAST UI DocESLint ConfigRelease Note
FE Guide
Posts

Posts

#All307
#toastui85
#angular4
#architecture9
#babel4
#browser67
#bundler10
#css7
#design pattern4
#devtool15
#ecmascript65
#es631
#etc31
#framework15
#html58
#ionic1
#monthly27
#node.js8
#opensource20
#performance30
#react38
#react native2
#redux7
#refactoring1
#svelte2
#testing17
#typescript12
#vue.js13
#webassembly9
more
  • ES6의 제너레이터를 사용한 비동기 프로그래밍

    자바스크립트가 다른 언어들과 구분되는 큰 특징 중의 하나는 바로 싱글스레드를 기반으로 하는 비동기 방식의 언어라는 점이다. 이런 특징에 힘입어 Non-blocking IO을 사용하는 Node.js의 언어로 사용되면서 최근에는 서버사이드에서도 큰 인기를 얻고 있다. 하지만 이런 구조적 특징에서 오는 단점도 적지 않은데, 대표적인 것이 바로 연속적 전달 방식(CPS)으로 인한 콜백 지옥이다 (굳이 설명 안 해도 알 거라 믿는다. 밑에서 지옥을 한번 소환할 예정이니 혹시 몰라도 일단 넘어가자).
    #ecmascript
    #es6
    2016.04.08 - 17 min read
  • CodeSnippet과 함께하는 JavaScript 프로그래밍

    웹 서비스에서 자바스크립트의 의존도는 계속 증가하는 추세다. github에 등록된 프로젝트들(2015년도 조사 자료)만 봐도 자바스크립트의 비중이 가장 높고, 실제로 여러분의 프로젝트들도 대부분이 그럴 것이다. 여러분은 혹시 다음의 경우를 겪지 않았는가?
    #ecmascript
    #opensource
    #toastui
    2016.04.04 - 8 min read
  • 자바스트립트의 Math 객체(Object)

    자바스크립트로 개발을 해본 개발자라면, Math.abs를 이용하여 절대값을 구하거나 Math.round를 이용하여 반올림을 하는 등의 경험은 대부분 있을 것이다. 이와 같이 자바스크립트에서는 수식을 처리하기 위해 Math객체를 사용한다. 이번 글에서는 Math객체의 특징과 주의해야할 부분, 그리고 활용 방법에 대해 이야기 하겠다.
    #ecmascript
    2016.03.25 - 6 min read
  • Web Audio API

    웹오디오 API는 웹에서 오디오를 다루기위한 강력하고 다양한 시스템을 제공한다. 개발자들이 오디오 소스들을 선택할 수 있게 하고, 오디오에 이펙트를 적용 할수 있으며 오디오 시각화와 공간적인 이펙트(패닝같은)를 적용할 수 있고 이외에도 더 많은 작업을 할 수 있다.
    #etc
    2016.03.21 - 12 min read
  • 자바스크립트의 스코프와 클로저

    기본적으로 자바스크립트는 ECMAScript 언어 명세를 따르고있다. 이 명세 **8장의 실행코드와 실행컨텍스트부분에서 스코프에 관한 동작 방식을 확인할 수 있으며, 또 중요한 개념인 1급 객체로서의 함수는 그 특징을 명세의 전반적인 부분에서 나타내고 있다. 그리고, 클로저(Closure)에 대한 정의는 없다. 클로저는 자바스크립트가 채용하고 있는 기술적 기반 혹은 컨셉으로, 자바스크립트는 클로저를 이용하여 스코프적 특징과 일급 객체로서의 함수에 대한 명세를 구현한 것이다.
    #ecmascript
    2016.03.11 - 11 min read
  • 2016년은 웹 스트림(web stream)의 해다.

    그렇다. 신년 초부터 한해의 일에 대해 이야기한다는 것은 가벼운 일은 아니다. 그러나 웹 스트림 API의 잠재력은 나를 매우 흥분 시켰기에 그런 일을 가능하게 했다. 요약하면, 스트림은 "cloud"라는 단어를 "butt"로 변경하거나 MPEG를 GIF로 변환하는 작업과 같이 익숙한 일들을 할 수 있다. 그러나 가장 중요한 것은 제공 내용을 가장 빠르게 서비스 워커로 결합시킬 수 있다는 것이다.
    #browser
    #performance
    2016.02.22 - 17 min read
  • 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
2627282930
Applications
ChartEditorGridCalendarImage-editor
Components
App LoaderAuto CompleteColor PickerContext MenuDate PickerPaginationRollingSelect BoxTime PickerTree
Tools
TOAST UI DocESLint ConfigRelease Note
FE Guide
Posts
© NHN Cloud Corp.