TOAST UI Monthly 2020년 10월호

안녕하세요! 이번 달은 정말 많은 프론트엔드 관련 오픈소스의 메이저 버전이 등장했습니다. 아직 저도 모두 살펴보지 못했는데요.😭 간략하게 릴리즈 노트를 마지막에 부록으로 가져와 봤으니 먼슬리부터 함께 읽고 어떤 배포가 있었는지 살펴보는 것은 어떤가요? 그럼 이제 이번 달 TOAST UI에 어떤 변화가 있는지 같이 살펴보도록 하겠습니다!

🚀 Releases

editor@2.5.0

기능 추가

• [위지윅] 이미지에 링크 추가 및 변경 기능 (#1208)

위지윅에서도 이미지에 링크를 추가하고 URL을 편집할 수 있게 되었습니다. 이미지를 선택하고 링크 추가 레이어 팝업을 통해서 추가할 수 있으며, 링크가 추가된 이미지는 오른쪽 상단에 링크를 편집할 수 있는 버튼이 생깁니다. 이미지 링크가 포함된 데이터를 저장한 다음 뷰어에서 이미지를 클릭해 해당 링크로 이동되는 것을 확인해보세요!

• 포르투갈어 지원 (#1220)

해외 컨트리뷰터(@nicolashuber)의 도움을 받아 포르투갈어 다국어 파일을 지원하게 되었습니다. 다국어 지원 기능은 에디터 외 셀 병합 플러그인(table-merged-cell)에서도 사용할 수 있습니다.

const editor = new Editor({
  language: 'pt' // 또는 'pt-BR'
});

버그 픽스

• 노르웨이어 다국어 파일 수정 (#1207) by @fela98
• [위지윅] 자식 리스트를 복사했을 때 인덴트가 된 상태에서 붙여넣기가 되는 현상 (#1230)

v4.15.2

버그 수정

• getvalue API 호출 시 falsy 값이 null로 변경되어 반환되는 현상 수정 (#1207)

👨‍💻 Next Features

🙋‍♂️ Chart 4.0 Beta is coming! 🙋‍♀️

드디어, 4.0 메이저 버전 업데이트의 베타 버전이 11월 말로 예정되었습니다! 4.0에서 어떤 변화가 있는지 간단하게 살펴보면서 함께 기다려보도록 하겠습니다!

TLDR:
* "svg" 에서 "canvas"로
* 디펜던시 모두 제거
* 실시간 데이터 업데이트 
* 반응형 레이아웃
* 더 많은 옵션, 더 많은 테마, 더 많은 API
* 그리고 더 많은 변화

svg에서 canvas로

3버전에서 svg기반으로 개발되던 차트는 4버전 부터 canvas로 새롭게 태어났습니다. 동시에 갖고 있던 raphael과 tui-code-snippet의존을 모두 제거해 더욱더 가벼운 차트가 되었습니다.

기능 추가

많은 요청이 있었던 반응형 레이아웃과 실시간 데이터 추가 기능이 지원됩니다. 그리고, 목적에 맞는 차트를 개발할 수 있게 많은 테마 옵션이 추가됩니다. 이 외에 직관적이지 못했던 매개변수들과 API 구조들이 수정되며 추가로 더 많은 API가 추가되었습니다.

추가로 저장소는 모노리포 형태로 지원되어 이슈를 한 곳에서 관리하게 될 예정이며, 3버전에서 함께 제공되던 맵차트는 차트에서 제거되며 고도화 된 TOAST UI Map Chart로 새롭게 등장될 예정입니다.

이외에도 더 많은 변화가 있으니 조금만 더 기다려주시고 많이 기대해주세요!

🗞 TOAST UI NEWS

이번 달 Weekly Picks

이번 위클리는 총 5개의 글이 올라왔습니다. 이번 달에는 프런트엔드에서 타임존을 대응하는 방법과 리액트 컴포넌트를 최적화하는 방법에 관해 소개 되었습니다. 또한, 새로 등장하게 된 기능인 HTML에서 섀도 돔을 구현하는 방법, 브라우저에서 카메라 팬, 틸트, 줌을 다루게 된 소식, 쿠키를 다루는 새로운 방식에 대해서도 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇

• 2020.09.28 타임존과 moment isBetween('어제', '오늘') #277
• 2020.10.07 선언적 섀도 돔 #278
• 2020.10.14 카메라 팬, 틸트, 줌 제어 #279
• 2020.10.22 글자 4개로 리액트 컴포넌트를 최적화하는 방법 #280
• 2020.10.27 Async Cookie Store API 살펴 보기 #281

(부록)주요 오픈소스 메이저 업데이트

• Webpack 5: https://webpack.js.org/blog/2020-10-10-webpack-5-release/
• Node 15: https://nodejs.medium.com/node-js-v15-0-0-is-here-deb00750f278
• NPM 7: https://blog.npmjs.org/post/617484925547986944/npm-v7-series-introduction
• React.js 17: https://reactjs.org/blog/2020/10/20/react-v17.html
• Next.js 10: https://nextjs.org/blog/next-10
• Vue.js 3: https://github.com/vuejs/vue-next/releases/tag/v3.0.0
• MobX 6: https://michel.codes/blogs/mobx6

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