TOAST UI Monthly 2020년 3월호


모두 집에서 안전하게 코딩하고 계시나요? 코로나 19가 장기화되면서 우리나라뿐만 아니라 전 세계적으로 여러 가지 문제들이 발생하고 있습니다. 늘 그랬듯이 함께 힘을 모아서 어려운 상황을 빠르게 극복해서 일상으로 빠르게 돌아오기를 기원하겠습니다. 이번 달 TOAST UI Monthly는 새로운 버전의 Editor를 소개해드리는 것으로 시작하려고 합니다. 그럼 함께 살펴볼까요?👇👇

🚀 Releases

🎉 Editor v2.0.0 메이저 업데이트 🎉

2018년 오픈 소스 공개 이후 꾸준히 사랑을 받아오며 얼마 전 GitHub 스타 ⭐️ 10k까지 달성한 Editor가 2.0 버전 업데이트를 하게 되었습니다. 새로워진 Editor에서는 에디팅 도구의 중심 기능들이 강화되고 번들 파일 용량이 개선되었습니다.

🛠 TOAST UI Editor 2.0 무엇이 변화했나요?

  • 새로운 마크다운 파서 ToastMark 적용 : 구문 강조(Syntax Highlighting) / 스크롤 싱크 / 툴바 활성화 기능이 더욱 정확해졌습니다.
  • 모노레포 도입 : 랩퍼 등 Editor와 관련된 모든 패키지 정보를 저장소 한 곳에서 확인할 수 있습니다.
  • 5가지 플러그인 제공 : npm을 사용해 완벽한 모듈 방식으로 TOAST UI Editor의 확장 기능을 사용할 수 있습니다.
  • 번들 파일 용량 개선 : 필요한 파일만 번들링되어 가벼워졌습니다.

친절한 마이그레이션 가이드와 함께 2.0으로 업그레이드해 보세요!

v3.10.1

사용성 개선

  • babel-polyfill 제거, core-js 직접 사용으로 인한 번들 크기가 개선되었습니다.
번들 파일 이름 이전 크기 이후 크기 변화 비고
tui-chart.js 1.61MB 1.65MB 40KB 증가⬆️ tui.code-snippet 포함
tui-chart-polyfill.js 1.88MB 1.73MB 160KB 감소⬇️ core-js 직접 사용
tui-chart-all.js 2.09MB 1.82MB 270KB 감소⬇️ code-snippet 크기 70KB 감소

버그 수정

  • xAxis.pointOnColumn 옵션과 tooltip.grouped 옵션을 같이 사용할 경우 line이 제대로 노출되지 않는 문제 수정 (#260)
  • line-scatter 콤보 차트 마우스 이벤트 버그 수정 (#254)

v3.10.2

버그 수정

  • xAxis.pointOnColumn 옵션과 tooltip.grouped 옵션을 같이 사용할 경우 line이 영역 밖을 나가는 문제 수정 (#277)

v4.10.1

사용성 개선

  • 기본 에디터 타입 중 select, checkbox 타입들이 레이어 형태로 변경되었습니다. 기존의 select, checkbox 에디터에서 컨텐츠가 긴 경우 내용이 잘리는 현상이 해결되었고, 레이어 형태의 UI를 적용하여 가시성이 향상되었습니다. (#928)

images

버그 수정

  • react wrapper의 이벤트 바인딩이 중복으로 등록되는 버그 수정 (#925)
  • header checkbox의 상태가 동기화되지 않는 버그 수정 (#933)
  • moveRow API 호출 시 undefined값을 가진 로우가 생성되는 버그 수정 (#955)
  • del, backspace keyMap 동작을 이용해 데이터 삭제 시 수정 대상으로 등록되지 않는 버그 수정 (#957)
  • infinite scroll 이 적용된 경우 추가된 데이터에 대해 checkbox 동기화가 되지 않는 버그 수정 (#964)

v3.9.0

사용성 개선

  • 메뉴 및 서브메뉴 아이콘 svg 파일 경로를 설정하지 않아도 imageEditor에 기본 svg를 내장시켜서 별다른 설정 없이도 손쉽게 메뉴 아이콘이 보이도록 개선하였습니다. (#347)
  • 캔버스 위에 꾸며진 도형, 아이콘, 텍스트 등의 객체를 ctrl + c, ctrl + v 로 복사하여 붙여넣는 기능을 추가하였습니다. (#355)

버그 수정

  • includeUI 옵션을 사용한 인스턴스에서 destroy api 사용 시 깨끗이 초기화가 되지 않는 버그 수정 (#334)
  • redo, undo, reset, delete, delete-all 에 해당하는 툴팁이 안뜨는 버그 수정 (#266)
  • 이미지 자르기 기능의 크롭존이 간헐적으로 찌그러지는 버그 수정 (#101)
  • 특정 크기의 이미지를 회전시킬때 이미지의 가로세로 비율이 깨지는 버그 수정 (#340)

v1.12.12

버그 수정

  • 일정 수정 시 raw 데이터 변경 시 갱신되지 않는 버그 수정 (#518)
  • 주간뷰에서 여러 개의 타임존을 사용하는 경우 날짜 차이 표기 버그 수정 (#529)

👨‍💻 Next Features

다음 버전에서는 2.0 버전에서 개선된 사항들이 고도화될 예정입니다. 새 마크다운 파서인 ToastMark는 사용자가 확장해서 사용할 수 있도록 ToastMark 플러그인을 제공하는데, 링크 태그를 변환해서 사용할 수 있는 플러그인이 추가될 예정입니다. 또한 마크다운 에디터에서 신택스와 입력 텍스트를 더 정확하게 구분할 수 있도록 구문 강조 기능이 강화되고, 프리뷰 영역에서도 현재 편집 지점을 보여줄 수 있도록 하이라이팅 기능이 추가될 예정입니다.

TOAST UI Chart의 새로운 메이저 버전인 4.0 버전의 개발이 시작되었습니다! 👏👏
Chart 4.0에서는 기존 svg로 개발되던 차트를 canvas로 변경하게 됩니다. 또한, 기존 렌더링 방식을 개선하면서 반응형 차트와 좀 더 자연스러운 실시간 업데이트 기능 등을 제공할 예정입니다. 많이 기대해 주세요!

불편했던 여러가지 사용성을 개선할 예정입니다. 첫번째로 tree depth 가 깊은 경우 컨텐츠 내용이 잘리는 현상을 방지하기 위해 resizable옵션이 있는 경우 자동으로 tree 컬럼 사이즈를 늘려주는 기능이 추가될 예정입니다. 또한, filter layer UI가 잘리는 현상이 개선될 예정입니다.

필터메뉴의 타입들을 정리하여, 적용할 수 있는 필터 종류가 더욱 풍부해질 예정입니다. 또한, 객체를 다중 선택했을때 생기는 그룹 셀렉션을 삭제한 후 되돌릴 때 정확한 포지션에 되돌려지지 않는 버그, 텍스트 편집모드에서 텍스트 길이에 따른 텍스트 영역 크기 버그 등을 수정할 계획입니다.

🗞 TOAST UI NEWS

이번 달 Weekly Picks

이번 달은 두 개의 오리지널글이 올라왔습니다. 새롭게 추가되는 private 속성에 관한 고찰부터 TOAST UI Editor 2.0에 왜 새로운 마크다운 파서를 만들게 되었는지 등 여러가지 흥미로운 이야기를 담았습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇


사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소 이슈를 이용해주세요!


한정, FE Development Lab2020.03.27Back to list