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
less
웹에서 최대 FPS - WebRender가 끊김(jank)을 없애는 방법
Firefox Quantum 릴리즈가 가까워지고 있다. 이번 릴리즈에서는 Servo에서 가져온 초고속 CSS 엔진을 포함하여 많은 성능 개선이 있다.
#html5
#performance
#etc
2017.10.16 - 21 min read
웹 기술로 구현하는 Adaptive HTTP Streaming
한국은 물론 세계적으로 엄청난 양의 동영상 콘텐츠가 소비되고 있다. 플래시가 대세였던 웹 동영상 기술이 점차 표준 기술인 HTML5 비디오로 전환되었고 요즘은 대부분의 동영상 서비스는 HTML5를 기반으로 서비스되고 있다. 동영상 기술은 점차 고도화되어 네트워크 환경에 따른 최적의 동영상 품질을 스트리밍해 버퍼링없는 서비스를 제공하기 위해 여러 방법들이 모색되었고 그중 하나가 새로 프로토콜을 만드는 대신 기존의 HTTP를 이용해 구현하는 Adaptive HTTP Streaming이다.
#etc
2017.09.15 - 19 min read
npm에 모듈을 등록하면서 일어날 수 있는 일들
프론트엔드 개발에서 필요한 자바스크립트 프레임워크 및 라이브러리는 패키지 매니저를 통해 설치하고 사용할 수 있다. 패키지 매니저의 종류로는 bower, npm, yarn 등이 있고, nodejs로 개발하는 환경에서 모듈을 사용하기 위해서는 사용하고자 하는 모듈이 npm에 등록되어 있어야 한다. 더 자세히 말하면 내가 만든 모듈을 다른 모듈에서 사용할 수 있도록 npm 중앙 저장소에 배포(publish)하는 작업에 해당된다.
#opensource
#toastui
#etc
2017.08.18 - 17 min read
자바스크립트 에러와 스택 트레이스 심화
이번 시간에는 에러와 스택 트레이스를 조작하는 방법에 대해 이야기하려 한다. 때때로 사람들은 이런 세부 사항에 대해 신경쓰지 않지만, 테스트나 에러와 관련된 어떤 라이브러리를 작성하려고 할 때 이 지식들은 굉장히 유용할 것이다.
#ecmascript
#etc
2017.03.06 - 18 min read
자바스크립트로 컴파일러 만들기
어느 멋진 일요일 Bushwick, Brooklyn의 한 책방에서 John Maeda가 쓴 "Design by Numbers"라는 책을 보았다. 이 책은 DBN 프로그래밍 언어(90년대 말 MIT 미디어 연구소에서 시각적인 방법으로 프로그래밍 개념을 소개하도록 고안된 언어)를 차근 차근 설명했다.
#etc
2016.11.07 - 11 min read
자바스크립트에서 팩토리 함수란 무엇인가?
함수와 객체를 배우지 않고서는 자바스크립트 프로그래머로서 더 나아갈 수 없을 것이며, 이 두 가지가 함께 사용되는 경우 조합이라 불리는 강력한 객체 패러다임을 시작하는데 필요로 하는 빌딩 블록이 된다. 오늘 우리는 함수, 객체와 프라미스들을 조합하기 위해 사용되는 팩토리 함수의 몇 가지 관용적 패턴들을 살펴볼 것이다.
#ecmascript
#design pattern
#etc
2016.09.05 - 6 min read
WebRTC - 실시간 PC 화면 가져오기
WebRTC는 웹을 통해 유저 간의 실시간 통신을 가능케 하는 기술이다. 물론 WebRTC 기술을 사용하지 않고도 이미 많은 서비스가 실시간 통신을 지원하고 있다. 하지만 비싼 영상/음성 기술을 사용해야 하고, 사용자는 네이티브 앱이나 플러그인을 설치해야 하는 등의 장벽이 존재한다.
#etc
2016.08.12 - 9 min read
Web Audio API
웹오디오 API는 웹에서 오디오를 다루기위한 강력하고 다양한 시스템을 제공한다. 개발자들이 오디오 소스들을 선택할 수 있게 하고, 오디오에 이펙트를 적용 할수 있으며 오디오 시각화와 공간적인 이펙트(패닝같은)를 적용할 수 있고 이외에도 더 많은 작업을 할 수 있다.
#etc
2016.03.21 - 12 min read
웹에서 플래시 없이 클립보드 사용하기
웹 플랫폼을 키우고 접근 가능한 새 도구로 만들기 위한 노력의 한 부분으로, 우리는 플래시(Flash)에 대한 웹의 의존성을 줄이는 노력을 하고 있다. 그 노력의 일환으로, 우리는 웹 플랫폼 전체를 위해 현재는 플래시로만 이용할 수 있는 유용한 기능들을 표준화하여 공개하고 있다
#etc
2016.01.11 - 4 min read
자바스크립트의 함수형 프로그래밍 컨셉
대부분의 함수형 프로그래밍은 보통 함수들을 조립하고, 데이터들을 예측하기 쉽게 다루는 그런 것들을 의미한다. 간단한 함수들이 깔끔하게 합쳐지면서 복잡도는 증가할지라도, 신뢰할 수 있는 함수를 만들어낸다. 이 글은 함수형 프로그래밍 컨셉에 대한 여러 파트 중의 첫 번째 파트로, 람다(Ramda)라이브러리, composition, pointfree style 그리고 functor의 컨셉을 소개하려 한다.
#ecmascript
#design pattern
#etc
2015.11.17 - 9 min read
1
2
3
4
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.