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% 정도 경량화할 수 있었습니다.

image

마크다운 커스텀 문법 지원

TOAST UI Editor 3.0에서는 사용자만의 커스텀 문법을 정의할 수 있는 옵션을 제공합니다. 커스텀 문법을 사용하면 다음 예시처럼 KaTeX와 같은 문법을 사용하여 수식을 표현할 수 있습니다.

마크다운

image

위지윅

image

위젯 노드

일반 텍스트를 특정한 위젯 노드로 보여줄 수 있는 widgetRules 옵션이 추가되었습니다. 이 옵션을 사용하면 링크 텍스트를 멘션 노드로 보여주거나 텍스트를 원하는 형태의 DOM 노드로 보여줄 수 있습니다.

image

또한 아래 이미지처럼 팝업 위젯과 연동하여 위젯 노드를 삽입할 수도 있습니다.

image

디자인

TOAST UI Editor 3.0에서는 디자인도 완전히 변경되었습니다. 툴바나 탭과 같은 전반적인 UI 요소의 크기가 커져 가독성이 좋아졌고, 외곽을 굴곡지게 처리하여 더 부드러운 느낌을 주었습니다.

image

또한 다크 테마가 추가되었습니다.

image

마이그레이션 가이드

TOAST UI Editor 3.0에서는 위에서 언급한 기능외에도 대대적인 변화가 있었습니다. 그만큼 사용 방법에도 큰 변화가 생겼기 때문에, 마이그레이션 가이드를 준비했습니다.

또한 위에서 언급한 기능들은 아래 가이드에서 자세한 내용을 볼 수 있습니다.

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

기능 추가

버그 수정

  • 마우스 클릭 시 포커스가 유지되지 않던 버그 수정(#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를 이용한 테스트에 관한 글이 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇


사용 문의, 기능 추가/수정 요청 및 버그 신고는 GitHub 저장소의 이슈 게시판을 이용해주세요.
임재언2021.06.30
Back to list