TOAST UI Monthly 2021년 6월호
어느덧 2021년도 절반이 지나가고 있습니다. 호국보훈의 달인 6월을 맞아 나라를 위해 헌신하신 순국선열들을 기리는 시간을 잠시 가져보는건 어떨까요?😔 더운 여름 컨디션 관리하시면서 남은 반년도 TOAST UI와 함께 즐거운 코딩 하세요~! 💪
🚀 Releases
v3.0.0
🎊 [Release News] TOAST UI Editor 3.0 출시 🎊
TOASTUI Editor 3.0이 완전히 새롭게 개편되어 출시되었습니다. 마크다운 커스텀 문법 지원, 위젯 노드 삽입, 플러그인 시스템 개선처럼 사용자가 에디터의 기능을 쉽게 확장할 수 있는 방법들이 추가되었고, 디자인도 세련되고 이쁘게 개편되었습니다. 🙌
코어 모듈 교체 ➔ 더 가벼운 에디터
기존의 의존성을 모두 제거하고 Prosemirror를 사용하여 코어 모듈을 변경하였습니다. 그 덕에 내부 구조와 API를 통일할 수 있었고, 전체 번들 파일의 용량도 602.1KB에서 495.6KB로 약 30% 정도 경량화할 수 있었습니다.
마크다운 커스텀 문법 지원
TOAST UI Editor 3.0에서는 사용자만의 커스텀 문법을 정의할 수 있는 옵션을 제공합니다. 커스텀 문법을 사용하면 다음 예시처럼 KaTeX와 같은 문법을 사용하여 수식을 표현할 수 있습니다.
마크다운
위지윅
위젯 노드
일반 텍스트를 특정한 위젯 노드로 보여줄 수 있는 widgetRules 옵션이 추가되었습니다. 이 옵션을 사용하면 링크 텍스트를 멘션 노드로 보여주거나 텍스트를 원하는 형태의 DOM 노드로 보여줄 수 있습니다.
또한 아래 이미지처럼 팝업 위젯과 연동하여 위젯 노드를 삽입할 수도 있습니다.
디자인
TOAST UI Editor 3.0에서는 디자인도 완전히 변경되었습니다. 툴바나 탭과 같은 전반적인 UI 요소의 크기가 커져 가독성이 좋아졌고, 외곽을 굴곡지게 처리하여 더 부드러운 느낌을 주었습니다.
또한 다크 테마가 추가되었습니다.
마이그레이션 가이드
TOAST UI Editor 3.0에서는 위에서 언급한 기능외에도 대대적인 변화가 있었습니다. 그만큼 사용 방법에도 큰 변화가 생겼기 때문에, 마이그레이션 가이드를 준비했습니다.
- 영어(🇺🇸): https://github.com/nhn/tui.editor/blob/master/docs/v3.0-migration-guide.md
- 한국어(🇰🇷): https://github.com/nhn/tui.editor/blob/master/docs/v3.0-migration-guide-ko.md
또한 위에서 언급한 기능들은 아래 가이드에서 자세한 내용을 볼 수 있습니다.
- 커스텀 문법: https://github.com/nhn/tui.editor/tree/master/docs/ko/custom-block.md
- 위젯 노드: https://github.com/nhn/tui.editor/tree/master/docs/ko/widget.md
- 플러그인: https://github.com/nhn/tui.editor/tree/master/docs/ko/plugin.md
v4.3.5
버그 수정
- Export to 레이아웃 타이틀 클릭 시 에러 발생 (#683)
AppLoader v2.1.6
개선 사항
- tui-note 설정 추가
AutoComplete v2.1.6
개선 사항
- 테스트 프레임워크를 JEST로 변경
ColorPicker v2.2.7
개선 사항
- 테스트 프레임워크를 JEST로 변경
ContextMenu v2.1.9
버그 수정
- 스크롤 시 컨텍스트 메뉴가 잘못된 위치에 나타나는 버그 수정(#44)
개선 사항
- 테스트 프레임워크를 JEST로 변경
DatePicker v4.2.1
버그 수정
- DateRangePicker가 시간 범위를 고려하지 않는 버그 수정(#51)
개선 사항
- 테스트 프레임워크를 JEST로 변경
Pagination v3.4.1
개선 사항
- 테스트 프레임워크를 JEST로 변경
Rolling v2.2.5
개선 사항
- 테스트 프레임워크를 JEST로 변경
SelectBox v1.1.0
기능 추가
- 포커스 API 추가(API Doc)
버그 수정
- 마우스 클릭 시 포커스가 유지되지 않던 버그 수정(#7)
개선 사항
- 테스트 프레임워크를 JEST로 변경
TimePicker v2.1.0
기능 추가
- 선택 가능 범위 설정 기능 추가(API Doc)
개선 사항
- 테스트 프레임워크를 JEST로 변경
TimePicker v2.1.1
버그 수정
- 선택 가능한 범위의 끝 지점을 지정하지 않은 경우 오류가 발생하던 버그 수정(#63)
Tree v4.0.8
버그 수정
- 컨텍스트 메뉴가 올바른 위치에 표시되지 않던 버그 수정(#81)
개선 사항
- 테스트 프레임워크를 JEST로 변경
CodeSnippet v2.3.3
개선 사항
- 테스트 프레임워크를 JEST로 변경
🗞 TOAST UI NEWS
이번 달 Weekly Picks
이번 위클리는 if/else 대신 사용할 수 있는 switch (true) 패턴과 자바스크립트에서의 메모리 누수에 관한 글과 약한 참조와 Finalizer에 대한 글, 그리고 React Testing Library를 이용한 테스트에 관한 글이 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇
- 2020.06.03 자바스크립트에서 switch (true) 패턴 사용하기 #310
- 2020.06.11 당신이 모르는 자바스크립트의 메모리 누수의 비밀 #311
- 2020.06.24 약한 참조와 Finalizer #312
- 2020.06.30 React Testing Library를 이용한 선언적이고 확장 가능한 테스트 #312
사용 문의, 기능 추가/수정 요청 및 버그 신고는 GitHub 저장소의 이슈 게시판을 이용해주세요.