TOAST UI Monthly 2020년 8월호

정말 길고 긴 장마가 끝이 났습니다. 올해 장마 기간은 관측 이래 최장기였다고 하는데요. 다들 큰 피해가 없으셨길 TOAST UI 팀 모두가 바라고 있습니다. 장마가 끝나고 날씨가 상당히 더워졌지만, 코로나 19는 더욱 기승을 부리고 있습니다. 날이 더워지고 마스크를 쓰는 기간이 길어짐에 따라 많이 지치고 힘들지만, 주변 친구들과 가족들을 위해 조금만 더 노력해서 조심했으면 좋겠습니다. 💪 건강 유의하시고 이번 달에도 즐겁고 행복한 코딩 하세요!

🚀 Releases

v4.15.0

기능 추가

• width: 'auto' 옵션 추가 (#1148)

텍스트 길이에 따라 컬럼 너비가 자동으로 조정되는 width: 'auto' 옵션이 추가되었습니다. 셀 수정, 로우 추가 또는 삭제 시 컬럼의 너비가 자동으로 조정됩니다. 📌 Note: 내부적으로 최적화를 하였지만, 대용량 데이터에서 width: 'auto' 옵션을 사용하는 경우에는 성능적인 이슈가 있을 수 있습니다.

const columns = [{
  name: 'name',
  width: 'auto',
  // ...
}];

• beforeChange, afterChange 이벤트 추가 (#1149)

셀 수정 또는 붙여넣기, 키 맵으로 데이터 삭제 시 수정 시점을 알 수 있는 beforeChange, afterChange 이벤트가 발생합니다. 기존의 onBeforeChange, onAfterChange는 해당 이벤트로 대체되어 deprecated 될 예정입니다.

grid.on('beforeChange', ev => {
  /**
    *   이벤트 객체는 아래와 같은 정보를 담고 있다.
    *  {
    *   // 이벤트 발생 종류(cell 편집, 붙여넣기, 키맵을 통한 삭제)
    *   origin: 'cell' | 'paste' | 'delete',
    *   // 변경 내용
    *   changes: [
    *      // beforeChange 인 경우에는 value는 현재 값, nextValue는 변경 예정 값(수정 또는 삭제 수행 후 적용될 값)
    *      { rowKey, columnName, value, nextValue }, ...
    *
    *      // afterChange 인 경우에는 value는 변경이 적용된 후 값, prevValue는 이전 셀의 값(beforeChange 의 value와 동일)
    *      { rowKey, columnName, value, prevValue }, ...
    *    ]
    *  }
    */
  console.log(ev);
});

다수의 값을 수정할 시 특정 조건의 값을 치환하여 수정하고 싶은 경우 아래처럼 사용할 수 있습니다.

grid.on('beforeChange, ev => {
  ev.changes.forEach(change =>  {
    if (change.nextValue === 'needReplace') {
      // 'needReplace' is replaced with empty string
      change.nextValue = '';
    }
  });
});

버그 수정

• 셀의 값이 null, undefined인 경우 custom validator 함수에서 빈 문자열로 치환되는 현상 수정 (#1141)
• editingEvent: 'click' 인 경우 이전 편집 중인 값이 다음 편집 대상 셀에 복사되는 현상 수정 (#1143)

Tree v4.0.3

버그 수정

• 노드 선택 동작 오류 개선 (#66)

👨‍💻 Next Features

태스크 구문 편집 기능과 비슷하게 마크다운 에디터에서 테이블 구문에서도 키(탭 및 엔터) 입력 시 편집을 편리하게 도와주는 기능이 추가됩니다. 또한 MS Office에서 복사된 리스트를 위지윅 에디터에 붙여넣기 했을 때 깨지는 현상 없이 잘 보이도록 개선될 예정입니다.

TOAST UI Chart의 새로운 메이저 버전인 4.0 버전의 개발이 11월 초 배포를 목표로 열심히 진행되고 있습니다! 디자인 또한 개선될 예정이며 Chart3.0에서 많은 요청이 있었던 옵션을 추가하고 있습니다. 또한, 통일되지 않은 옵션들과 API들을 제거하고 사용자들이 좀 더 직관적으로 사용할 수 있는 노력에 중점을 두고 있습니다. 앞으로 만날 새로운 차트를 응원해주시면서 조금만 더 기다려주세요!😁

🗞 TOAST UI NEWS

이번 달 Weekly Picks

이번 위클리는 두 개의 번역 글이 올라왔습니다. 새로 등장하게 될 Vue3.0으로 마이그레이션 할 때 주의해야 할 점을 베타 버전을 기준으로 설명하는 글과, Rust와 Yew를 통해 SPA(Single Page Applications)를 개발하는 방법을 소개한 글이 번역되었습니다. 아직 읽어보시지 않았다면 아래 링크를 클릭하세요! 👇👇

• 2020.08.04 Vue 3로 마이그레이션하기 위해 준비해야 할 것 #269
• 2020.08.18 Rust로 SPA(Single Page Applications)만들기 #271

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