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
294
#toastui
72
#angular
4
#architecture
9
#babel
4
#browser
54
#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
사용자 입력 텍스트를 바이트(byte) 길이로 제한하는 Vue 컴포넌트 만들기
글자를 바이트 길이로 계산하기 위한 배경지식으로 컴퓨터가 처리할 수 있는 최소 단위인 비트와 바이트의 개념에 대해 알아보고 텍스트 인코딩에 대해 간단히 설명한다. 또한 글자의 바이트 길이를 계산하는 함수를 작성하고, 사용자가 입력한 글자를 바이트 길이로 제한하는 Vue 컴포넌트를 만들 것이다.
#vue.js
2022.03.18 - 10 min read
Vue.js 3 반응형 동작 원리 살펴보기
2020년 1월 Vue.js 3.0.0 alpha가 발표된 이후, 2020년 9월 vue-next에 코드네임 "One Piece"(그 만화 맞다.)로 3.0이 공식 릴리즈되었다. Vue.js 3에는 많은 변화가 있지만, 이 글에서는 내가 그동안 기다려왔던 새로운 반응형에 대해 살펴보고자 한다.
#vue.js
2021.01.12 - 7 min read
Vue 3로 마이그레이션하기 위해 준비해야 할 것
필자는 이 글에서 Vue 3 베타 버전을 사용한 경험, 특히 Vue 3로 마이그레이션할 때 주의해야 할 점을 얘기하고자 한다. 만약 이미 Vue 2로 개발된 앱을 Vue 3로 업그레이드할 예정이라면 이 글이 유용할 것이다. 아래의 목록은 성공적으로 Vue 3로 옮기는 데 많은 도움을 줄 것이며, Vue 2와는 달리 Vue 3에서는 문제를 일으키는 케이스를 피하는 데 도움을 줄 것이다.
#vue.js
2020.08.04 - 7 min read
코드 스플리팅을 통해 사이트의 효율성을 높이는 방법
코드 스플리팅은 코드를 다양한 청크(chunk)로 나눌 수 있으며 필요에 따라 로드할 수 있다. 페이지 렌더링에 필요한 초기 응답 크기를 줄이는데 도움이 된다. 글에서는 Vue 프로젝트에서 적절한 예시를 통해 코드 스플리팅을 알아본다.
#performance
#vue.js
2020.01.28 - 6 min read
0.7KB로 Vue와 같은 반응형 시스템 만들기
TOAST UI Grid는 현재 새로운 메이저 업데이트인 버전 4를 릴리스하기 위해 열심히 준비중이다. 버전 4는 Backbone과 jQuery를 사용해서 작성했던 기존의 코드를 모두 버리고 처음부터 새로 작성하는 대대적인 개편 작업이다. 이번 업데이트를 통해 불필요한 의존성을 줄이면서, 훨씬 더 가볍고 빠른 그리드가 되기를 기대하고 있다.
#opensource
#vue.js
#toastui
2019.05.31 - 19 min read
앱 테마 구현 - Vue.js와 스타일드 컴포넌트로 실시간 테마 구현하기
Vue.js 프로젝트를 진행하면서 구현하기 조금 까다로웠던 기능이 있다. 완벽한 Vue 문서(Docs)만으로 바로 답을 찾을 수 없었던 부분이 있었는데, 고객 요구 사항으로 사용자 프로필에 대한 테마를 직접 선택할 수 있도록 하는 기능이었다. 개발 초기에는 요구 사항이 그리 복잡하지 않았다. 몇 가지 색상을 제공하고 사용자가 선택한 색상이 현재 페이지에 잘 반영되기만 하면 되므로 따로 사용자 프로필 테마 색상을 따로 저장할 필요가 없었다. 팀에서는 이 기능의 이름을 "라이브 테마(Live Theming)"라고 지었다.
#vue.js
#framework
#etc
2019.04.30 - 11 min read
AngularJS에서 Vue로 전환하면서 배운 것
왜 Vue를 선택했냐는 끝나지 않을 이야기는 접어 두고, 어쨌든 프레임워크를 전환하면서 배운 것을 이 글에서 공유하고자 한다. AngularJS가 여전히 높은 점유율을 가지고 있으므로 우리와 같은 고민을 하는 회사와 개발자가 많을 것이라고 짐작한다. 이 글에서 다룰 내용은 뻔할 수도 있지만 프레임워크를 전환할 때 꼭 챙기기를 권장한다.
#vue.js
#angular
2019.04.19 - 11 min read
타입스크립트에서 Vue 컴포넌트를 개발하는 방법
내가 처음 SPA 프로젝트를 진행했던 때는 2012년이다. 그때 제일 핫했던 백본(Backbone)을 기반으로 구축한 꽤 큰 규모의 프로젝트였다. 그때는 지금처럼 프론트엔드 개발환경이 좋지 않았고 SPA라는 개념 자체가 겨우 슬슬 알려지기 시작한 시기였다. MVC에서 벗어나질 못한 프레임웍들이 주를 이루었던 프론트엔드 진영이었다. 앵귤러JS(AngularJS)가 MVC가 맞느니 아니니 박터지는 가운데 리액트(React)라는 아종이 등장했다.
#vue.js
#typescript
2019.03.27 - 12 min read
Vue에서 중첩 데이터를 감시하는 법
앱은 배열이나 객체의 데이터 속성을 가질 수 있다. 그리고 당신은 데이터가 변경될 때마다 앱이 무엇가를 수행하길 원한다.
#vue.js
2019.03.07 - 7 min read
아이오닉(Ionic) + 뷰(Vue)
지난주, VueConf Toronto에서 아이오닉 프레임워크(Ionic Framework)용 뷰(Vue) 지원에 대해 첫 공식 시사회를 열었다. 아이오닉의 개발자 Josh Tomas (@jthoms1)는 @ionic/vue 첫 알파 릴리즈에 대한 통찰과 개발자들한테 뷰 + 아이오닉 프레임워크가 안성맞춤인 이유를 공유했다. 그러나 이러한 본론으로 들어가기에 전에 아이오닉 프페임워크와 뷰의 역사를 먼저 이해하는 것이 중요하다.
#vue.js
#ionic
#framework
2018.12.06 - 5 min read
1
2
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.