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

TOAST UI Monthly 2022년 2월호

\n

날씨는 아직 춥지만, 어느덧 입춘을 지나 3월을 맞이하고 있습니다. 봄에 꽃이 피듯 코드를 피워나가는 TOAST UI의 이번 달 소식을 살펴보겠습니다 🌸

\n

🚀 Releases

\n

\n

v3.1.3

\n

기능 추가

\n\n

버그 수정

\n\n

\n

v4.20.3

\n

버그 수정

\n\n

\n

v1.15.3

\n

버그 수정

\n\n

🗞 TOAST UI NEWS

\n

이번 달 Weekly Picks

\n

이번 달에는 ES2015에 추가되었던 기능인 Symbol이 요즘은 어떻게 활용되고 있는지 다시 살펴보고, 불변성(Immutability)을 다루는데 \b많이 활용되고 있는 Immer 라이브러리를 알아봤습니다.

\n\n

월간 크롬 이슈 리포트

\n

브라우저의 메인 버전이 세자릿수로 올라가면서 대응이 필요한 사이트가 있다는 소식을 들어보셨을 겁니다. 브라우저 버전 이슈를 비롯한 브라우저의 \b변화 및 개발 상황을 이슈 리포트로 살펴보세요.

\n\n
사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소의 이슈를 이용해주세요!
","frontmatter":{"id":"ko_monthly_202202","title":"TOAST UI Monthly 2022년 02월호","description":"날씨는 아직 춥지만, 어느덧 입춘을 지나 3월을 맞이하고 있습니다. 봄에 꽃이 피듯 코드를 피워나가는 TOAST UI의 이번 달 소식을 살펴보겠습니다 🌸","date":"2022.02.25","author":"안도형","tags":["monthly","toastui"],"thumbnail":null},"rawMarkdownBody":"\n# TOAST UI Monthly 2022년 2월호\n\n날씨는 아직 춥지만, 어느덧 입춘을 지나 3월을 맞이하고 있습니다. 봄에 꽃이 피듯 코드를 피워나가는 TOAST UI의 이번 달 소식을 살펴보겠습니다 🌸\n\n## 🚀 Releases\n\n### \n\n### [v3.1.3](https://github.com/nhn/tui.editor/releases/tag/editor@3.1.3)\n\n**기능 추가**\n* `customBlock` 커맨드 추가 ([#2273](https://github.com/nhn/tui.editor/pull/2273))\n\n**버그 수정**\n* 위지윅 모드에서 이미지를 복사 시 `addImageBlobHook`이 트리거되지 않는 문제 수정 ([#2054](https://github.com/nhn/tui.editor/pull/2054))\n* 위지윅 모드에서 테이블을 빠져나가지 못하는 문제 수정 ([#2250](https://github.com/nhn/tui.editor/pull/2250))\n* 위지윅 테이블 오프셋 계산 오류 수정 ([#2251](https://github.com/nhn/tui.editor/pull/2251))\n* 잘못된 `htmlBlock` 컨버팅 수정 ([#2252](https://github.com/nhn/tui.editor/pull/2252))\n* `link`, `image` 컨버팅 시 이스케이프 처리 수정 ([#2267](https://github.com/nhn/tui.editor/pull/2267))\n* 차트 플러그인 사용 시 에디터 타이머가 클리어되지 않는 현상 수정 ([#2270](https://github.com/nhn/tui.editor/pull/2270))\n* 스크롤 시 팝업 위젯 포지션 오류 수정 ([#2271](https://github.com/nhn/tui.editor/pull/2271))\n* iframe 내 마크다운을 찾지 못하는 현상 수정 ([#2272](https://github.com/nhn/tui.editor/pull/2272))\n* `useCommandShortcut` 옵션을 사용할 때 `unde`, `redo` 커맨트 처리 오류 수정 ([#2274](https://github.com/nhn/tui.editor/pull/2274))\n* `$$text$$` 텍스트 컨버팅 시 스크립트 에러 발생 수정 ([#2275](https://github.com/nhn/tui.editor/pull/2275))\n* 리액트 래퍼 내 에디터, 뷰어에서 이벤트가 `undefined`로 등록되는 현상 수정 ([#2292](https://github.com/nhn/tui.editor/pull/2292))\n* `indent`, `outdent` 툴바 아이템이 리스트 노드에서만 활성화 되도록 변경 ([#2294](https://github.com/nhn/tui.editor/pull/2294))\n* HTML의 주석 노드가 컨버팅되지 않는 현상 수정 ([#2297](https://github.com/nhn/tui.editor/pull/2297))\n* 에디터 인스턴스가 여러 개인 경우 `document.querySelector`로 요소를 제대로 찾지 못하는 문제 수정 ([#2298](https://github.com/nhn/tui.editor/pull/2298))\n\n### \n\n### [v4.20.3](https://github.com/nhn/tui.grid/releases/tag/v4.20.3)\n\n**버그 수정**\n\n* 에디터에서 값을 가져오기 전에 에디터를 파괴하는 문제 수정 ([#1584](https://github.com/nhn/tui.grid/pull/1584))\n\n### \n### [v1.15.3](https://github.com/nhn/tui.calendar/releases/tag/v1.15.3)\n**버그 수정**\n- `setOptions` 메서드로 기본 팝업의 옵션(`useCreationPopup`, `useDetailPopup`)을 비활성화한 뒤 다시 활성화할 때 발생하는 에러 수정 ([#699](https://github.com/nhn/tui.calendar/issues/699))\n\n## 🗞 TOAST UI NEWS\n\n### 이번 달 Weekly Picks\n\n이번 달에는 ES2015에 추가되었던 기능인 Symbol이 요즘은 어떻게 활용되고 있는지 다시 살펴보고, 불변성(Immutability)을 다루는데 \b많이 활용되고 있는 Immer 라이브러리를 알아봤습니다.\n\n* **2022.02.08** - [Symbol의 근황](https://ui.toast.com/weekly-pick/ko_20220208)\n* **2022.02.17** - [불변 객체와 immer](https://ui.toast.com/weekly-pick/ko_20220217)\n\n### 월간 크롬 이슈 리포트\n\n브라우저의 메인 버전이 세자릿수로 올라가면서 대응이 필요한 사이트가 있다는 소식을 들어보셨을 겁니다. 브라우저 버전 이슈를 비롯한 브라우저의 \b변화 및 개발 상황을 이슈 리포트로 살펴보세요.\n\n* [월간 크롬 이슈 리포트 2022년 2월호](https://ui.toast.com/weekly-pick/ko_chrome_report_202202)\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_202202","lang":"ko"}},"staticQueryHashes":["2997033868","414700122","542722004"]}