RealChart IE 버전 사용 가이드

개요

이 문서는 RealChart를 IE11 환경에서 사용할 때 반드시 준수해야 할 가이드라인을 안내합니다.
IE11에서는 최신 CSS/JS 기능을 대부분 지원하지 않으므로, RealChart IE 버전을 사용할 때는 다음 사항들을 확인해야 합니다.

IE11 전용 스크립트 사용
- RealChart IE 버전은 일반 RealChart와 별도의 스크립트를 제공합니다.
- IE11 환경에서는 반드시 IE용 빌드 파일을 포함해야 합니다.
- 파일 경로 예시: ie/ie.min.js
  - IE 전용 스크립트는 ie 폴더 안에 위치하며, 이 파일을 <script> 태그로 로드해야 합니다.
모듈별 IE 파일 사용 필요
- 차트 모듈을 사용하는 경우, 각 모듈에 대해 IE 전용 스크립트를 사용해야 합니다.
- 예: TreeMap, Vector, Gauge 등 모듈별 realchart-treemap.ie.js, realchart-vector.ie.js 등.
전용 style 파일 사용 필요
- RealChart IE 버전은 일반 RealChart와 별도의 스타일 파일을 제공합니다.
- IE11 환경에서는 반드시 IE용 스타일 파일(realchart-ie.css)을 포함해야 합니다.

CSS 사용자 정의 변수 사용 금지
- --variable 및 var() 함수는 IE11에서 지원되지 않습니다.
- 스타일 값을 반드시 직접 지정해야 합니다.
색상 지정 방식
- IE11에서는 #rrggbb, rgb(r, g, b), rgba(r, g, b, a)만 지원됩니다.
- 8자리 HEX(#rrggbbaa)나 최신 단축 색상 표기법은 동작하지 않습니다.
CSS 단축 속성
- padding, margin 등 단축 속성은 반드시 단위(px, em 등)와 공백 포함 표준 문법으로 작성해야 합니다.

ES6 이상의 최신 문법(let, const, 화살표 함수, 클래스, 모듈, Promise, fetch 등)은 IE11에서 지원되지 않으므로 트랜스파일러와 polyfill 사용이 필요합니다.
DOM 조작, 이벤트 처리, AJAX 등은 반드시 IE11 호환 API 사용.
외부 라이브러리를 사용하는 경우, IE11 호환 여부를 반드시 확인해야 합니다.

Export 모듈 미지원
- IE11 환경에서는 Export 기능이 지원되지 않으며, 추후 추가될 예정입니다.
writingMode 속성 제한
- vertical-lr 및 vertical-rl 속성은 IE11에서 지원되지 않습니다.
- 대신 새로운 vertical 속성이 제공되지만, <br> 등 HTML 태그를 이용한 줄바꿈은 지원하지 않습니다.