{"componentChunkName":"component---src-templates-post-detail-tsx","path":"/weekly-pick/ko_monthly_202205","result":{"data":{"post":{"html":"

TOAST UI Monthly 2022년 5월호

\n

싱그러운 초여름이 되었습니다.🌿 TOAST UI팀은 캘린더 v2 릴리즈를 앞두고 열심히 준비 중인데요, 곧 정식 릴리즈가 될 예정이니 많은 관심 부탁드립니다.

\n

🚀 Releases

\n

\n

v3.1.6

\n

버그 수정

\n\n

v3.1.7

\n

기능 추가

\n\n

\n

v4.21.1

\n

기능 추가

\n\n

버그 수정

\n\n

v4.21.2

\n

기능 추가

\n\n

버그 수정

\n\n

👨‍💻 Next Features

\n

\n

지난번 먼슬리에\u001d 안내드린 대로 TOAST UI 캘린더는 새로운 메이저 업데이트를 열심히 준비하고 있습니다. 현재 알파 릴리즈를 준비 중이며, 부족한 부분을 최대한 다듬어서 6월 초에 첫 알파 버전을 선보일 예정입니다.

\n

주요 변경 예정 사항은 다음과 같습니다.

\n\n

🗞 TOAST UI NEWS

\n

Weekly Picks

\n

이번 달에는 SPA 프로젝트에 중간 투입되면서 겪은 경험을 직접 작성한 글과 새롭게 추가된 성능 지표인 INP에 대한 번역 글이 올라왔습니다.

\n\n

그리고 아쉬운 소식이지만, Weekly Picks은 내부 논의를 거쳐 이번 달을 마지막으로 종료됩니다. 팀원 각자 조금 더 긴 호흡을 갖고 기술 글쓰기를 이어갈 예정입니다. 짧지 않은 시간 Weekly Picks을 아껴주신 모든 분들께 감사드립니다. (Posts로 돌아올게요👋)

\n
사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소의 이슈를 이용해주세요!
","frontmatter":{"id":"ko_monthly_202205","title":"TOAST UI Monthly 2022년 05월호","description":"싱그러운 초여름이 되었습니다.🌿 TOAST UI팀은 캘린더 v2 릴리즈를 앞두고 열심히 준비 중인데요, 곧 정식 릴리즈가 될 예정이니 많은 관심 부탁드립니다.","date":"2022.05.30","author":"곽희나","tags":["monthly","toastui"],"thumbnail":null},"rawMarkdownBody":"\n# TOAST UI Monthly 2022년 5월호\n\n싱그러운 초여름이 되었습니다.🌿 TOAST UI팀은 캘린더 v2 릴리즈를 앞두고 열심히 준비 중인데요, 곧 정식 릴리즈가 될 예정이니 많은 관심 부탁드립니다.\n\n## 🚀 Releases\n\n### \n\n### [v3.1.6](https://github.com/nhn/tui.editor/releases/tag/editor@3.1.6)\n\n**버그 수정**\n\n* 위젯룰 사용 시 규칙과 일치하지 않을 경우 에러가 발생하지 않도록 수정\n\n### [v3.1.7](https://github.com/nhn/tui.editor/releases/tag/editor@3.1.7)\n\n**기능 추가**\n\n* 플러그인의 mdParser를 통해 toastMark에 disabledEntityParse 추가 ([#2506](https://github.com/nhn/tui.editor/pull/2506))\n\n\n### \n\n### [v4.21.1](https://github.com/nhn/tui.grid/releases/tag/v4.21.1)\n\n**기능 추가**\n\n* removeRows API 추가 ([#1658](https://github.com/nhn/tui.grid/issues/1658))\n\n**버그 수정**\n\n* 셀 수정 시 기존 rowspan 옵션을 사용한 rowspan이 풀리는 문제 수정 ([#1662](https://github.com/nhn/tui.grid/issues/1662))\n* `appendRows` API 사용 시 추가한 데이터가 `modefiedData` 내 `createdRows`에 추가되지 않는 문제 수정 ([#1657](https://github.com/nhn/tui.grid/issues/1657))\n\n### [v4.21.2](https://github.com/nhn/tui.grid/releases/tag/v4.21.2)\n\n**기능 추가**\n\n* 다국어 지원 언어 추가(포르투갈어, 네덜란드어) ([#1665](https://github.com/nhn/tui.grid/pull/1665), [#1680](https://github.com/nhn/tui.grid/pull/1680))\n\n**버그 수정**\n\n* 내장 Select 에디터의 너비가 잘못 설정되는 문제 수정 ([#1673](https://github.com/nhn/tui.grid/issues/1673))\n* 컨텍스트 메뉴가 불필요한 스크롤을 생성하는 문제 수정 ([#1682](https://github.com/nhn/tui.grid/issues/1682))\n* 그리드의 행 수보다 더 많은 행을 붙여넣기 시 데이터가 잘리는 문제 수정 ([#1685](https://github.com/nhn/tui.grid/issues/1685))\n\n## 👨‍💻 Next Features\n\n\n### \n\n지난번 먼슬리에\u001d 안내드린 대로 TOAST UI 캘린더는 새로운 메이저 업데이트를 열심히 준비하고 있습니다. 현재 알파 릴리즈를 준비 중이며, 부족한 부분을 최대한 다듬어서 6월 초에 첫 알파 버전을 선보일 예정입니다.\n\n주요 변경 예정 사항은 다음과 같습니다.\n\n- Preact를 활용하여 더 효과적인 상태 관리, 렌더링 최적화\n- 번들 사이즈 대폭 감소(Minified 기준 60% 감소)\n - IE11까지 지원하는 별도 번들도 배포합니다. 사이즈는 더 크지만 그래도 여전히 이전 버전에 비해 번들 사이즈를 많이 줄일 수 있었습니다.\n- DST(Daylight Saving Time)에 따른 일정 표현 오류 수정\n- Storybook Docs 기반의 더 보기 쉬운 문서\n- ESM, SSR 지원\n- 불필요한 옵션과 동작 정리\n\n## 🗞 TOAST UI NEWS\n\n### Weekly Picks\n\n이번 달에는 SPA 프로젝트에 중간 투입되면서 겪은 경험을 직접 작성한 글과 새롭게 추가된 성능 지표인 INP에 대한 번역 글이 올라왔습니다.\n\n* **2022.05.04** [안정적인 SPA 리팩터링을 위한 준비 전략](https://ui.toast.com/weekly-pick/ko_20220503)\n* **2022.05.12** [다음 페인트에 대한 상호작용(Interaction to Next Paint, INP)](https://ui.toast.com/weekly-pick/ko_20220512)\n\n그리고 아쉬운 소식이지만, Weekly Picks은 내부 논의를 거쳐 이번 달을 마지막으로 종료됩니다. 팀원 각자 조금 더 긴 호흡을 갖고 기술 글쓰기를 이어갈 예정입니다. 짧지 않은 시간 Weekly Picks을 아껴주신 모든 분들께 감사드립니다. (Posts로 돌아올게요👋)\n\n```\n사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소의 이슈를 이용해주세요!\n```\n"},"allProductsJson":{"edges":[{"node":{"id":"tui-chart","packageName":"@toast-ui/chart","name":"Chart","type":"application","description":"The Chart makes your data pop, and it is easy to use. It provides you with multiple charts like Bar, Column, Line, and more.","detailDesc":"Chart makes your data pop. Its numerous charts like Line, Bar, Pie, and more are easy to use, and you can export your data to excel or even as images.","link":"","logo":null}},{"node":{"id":"tui-editor","packageName":"@toast-ui/editor","name":"Editor","type":"application","description":"The Editor allows you to edit your Markdown documents using text or WYSIWYG and comes with Syntax Highlighting, Scroll-Sync, Live Preview, and Chart features.","detailDesc":"Editor allows you to interact with their Markdown documents through both text and WYSIWYG. With Syntax Highlighting, Scroll-Sync, Live Preview, Charts, and much more diverse features and UI, it takes your word processing to the next level.","link":"https://nhn.github.io/tui.editor/latest","logo":null}},{"node":{"id":"tui-grid","packageName":null,"name":"Grid","type":"application","description":"The Grid is a powerful library with features like data editing, filtering, sorting, and more, and can be used to customize the editor or the renderer to your desired format.","detailDesc":"Grid is a powerful grid library with data editing, filtering, sorting, pagination features, and more. Furthermore, you can customize the editor and the renderer to your desired format and visualize your data however you like.","link":"https://nhn.github.io/tui.grid/latest/","logo":null}},{"node":{"id":"tui-calendar","packageName":"@toast-ui/calendar","name":"Calendar","type":"application","description":"The Calendar supports monthly, weekly, daily views and more, and you can create or edit your event with a simple dragging motion.","detailDesc":"Calendar provides monthly, weekly, multi-weekly, daily views, and more, as well as a basic pop-up UI you can use to add/edit/delete your events. You can manage your event simply by dragging the schedules around. Managing your calendar has never been easier.","link":"https://nhn.github.io/tui.calendar/latest/","logo":null}},{"node":{"id":"tui-image-editor","packageName":null,"name":"Image-editor","type":"application","description":"With the UI that is the perfect combination of simple and beautiful, the Image Editor is a Full-Featured one that is perfect for everyday use.","detailDesc":"With the UI that is the perfect combination of simple and beautiful, Image Editor is a Full-Featured image editor that provides you with editing, drawing, and typing capabilities as well as a collection of great image filters that you can apply all at once.","link":"https://nhn.github.io/tui.image-editor/latest/","logo":null}},{"node":{"id":"tui-app-loader","packageName":null,"name":"App Loader","type":"component","description":"AppLoader is a library that you can use to load or install a certain app on the mobile device.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-auto-complete","packageName":null,"name":"Auto Complete","type":"component","description":"AutoComplete component can suggest and even fill in the rest of the word and sentences given the inputted text.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-color-picker","packageName":null,"name":"Color Picker","type":"component","description":"ColorPicker is a simple and efficient color picker, true to its name.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-context-menu","packageName":null,"name":"Context Menu","type":"component","description":"ContextMenu displays the menu items that you can access via the right click.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-date-picker","packageName":null,"name":"Date Picker","type":"component","description":"DatePicker allows you to pick a date using a pop-up calendar.\n\n","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-pagination","packageName":null,"name":"Pagination","type":"component","description":"Pagination component can show you the current page within a multi-page document and also provides links for included pages.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-rolling","packageName":null,"name":"Rolling","type":"component","description":"Rolling is a slider component that lets you view multiple contents in a selected area.","detailDesc":"","link":"","logo":null}},{"node":{"id":"select-box","packageName":"@toast-ui/select-box","name":"Select Box","type":"component","description":"SelectBox is a dropdown list component that you can use to select multiple menus easily.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-time-picker","packageName":null,"name":"Time Picker","type":"component","description":"TimePicker component allows you to use the SelectBox or the SpinBox to select the time.","detailDesc":"","link":"","logo":null}},{"node":{"id":"tui-tree","packageName":null,"name":"Tree","type":"component","description":"Tree component displays the data structure of the hierarchy and allows you to view and edit the node names.","detailDesc":"","link":"","logo":null}},{"node":{"id":"@toast-ui/doc","packageName":null,"name":"TOAST UI Doc","type":"tool","description":"Documentation generator that creates the example page and the API document by parsing the JSDoc comments.","detailDesc":"","link":"https://github.com/nhn/toast-ui.doc","logo":null}},{"node":{"id":"tui-eslint-config","packageName":null,"name":"ESLint Config","type":"tool","description":"ESLint configuration used with TOAST UI products to help find and fix problems in JavaScript code.","detailDesc":"","link":"https://github.com/nhn/tui.eslint.config","logo":null}},{"node":{"id":"tui-release-notes","packageName":null,"name":"Release Note","type":"tool","description":"Github release note generator to automatically summarize and classify the updates based on the commit logs.","detailDesc":"","link":"https://github.com/nhn/toast-ui.release-notes","logo":null}},{"node":{"id":"toast","packageName":null,"name":"NHN Cloud","type":"references","description":"references is NHN Cloud","detailDesc":"","link":"https://www.toast.com/","logo":"https://uicdn.toast.com/toastui/img/toast-ui-bi-nhntoast.png"}},{"node":{"id":"toastfile","packageName":null,"name":"TOAST File","type":"references","description":"references is TOAST File","detailDesc":"","link":"https://file.toast.com/","logo":"https://uicdn.toast.com/toastui/img/toast-ui-bi-toastfile.png"}},{"node":{"id":"dooray","packageName":null,"name":"Dooray","type":"references","description":"references is Dooray","detailDesc":"","link":"https://dooray.com/home","logo":"https://uicdn.toast.com/toastui/img/toast-ui-bi-toastdooray.png"}},{"node":{"id":"ncp","packageName":null,"name":"NCP","type":"references","description":"references is NCP","detailDesc":"","link":"https://www.e-ncp.com/","logo":"https://uicdn.toast.com/toastui/img/toast-ui-bi-ncp.png"}}]}},"pageContext":{"id":"ko_monthly_202205","lang":"ko"}},"staticQueryHashes":["2997033868","414700122","542722004"]}