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)
버그 수정
- react wrapper의 이벤트 바인딩이 중복으로 등록되는 버그 수정 (#925)
- header checkbox의 상태가 동기화되지 않는 버그 수정 (#933)
- moveRow API 호출 시
undefined값을 가진 로우가 생성되는 버그 수정 (#955) del,backspacekeyMap 동작을 이용해 데이터 삭제 시 수정 대상으로 등록되지 않는 버그 수정 (#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
버그 수정
👨💻 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에 왜 새로운 마크다운 파서를 만들게 되었는지 등 여러가지 흥미로운 이야기를 담았습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇
- 2020.03.12 은닉을 향한 자바스크립트의 여정 #248
- 2020.03.18 새로운 마크다운 파서가 필요한 이유 #249
사용 문의, 기능 추가/수정 요청 및 버그 신고는 각 제품의 GitHub 저장소 이슈를 이용해주세요!