page no. 

1. 기능 설명
   1. Web Script Editor 내 데이터소스 편집 화면은 크게 3개의 영역으로 구성되어 있습니다.
   2. 3개의 영역: 쿼리 작성 영역, 조회된 데이터 미리보기 영역, 스키마 트리 영역
      (AS-IS)
      
   3. ① 영역과 ② 영역 사이의 수평 방향 Splitter
      
      1. 기존에도 Splitter 기능은 제공하고 있었으나, 화면상에서 구분이 어려워 Splitter UI를 개선하여 사용성을 향상하였습니다.
   4. ①, ② 영역과 ③ 영역 사이의 수직 방향 Splitter
      
      1. 기존에는 접기/펼치기 기능만 제공하였으나, 영역 크기를 직접 조절할 수 있는 Splitter 기능을 추가하여 함께 제공합니다.
         
         
2. 적용 예
   
   1. (TO-BE) 화면
      
   2. (TO-BE) 동영상
      
   3. 제공 동작
      1. Splitter 드래그 시 영역 크기가 실시간으로 조정됩니다.
      2. Splitter 더블 클릭 시 기본 크기로 복원됩니다.
      3. 토글 버튼 클릭 시 영역이 접기/펼치기 됩니다.
      4. 우측 수직 방향 Splitter(접기/펼치기 지원)의 경우, 드래그 위치가 특정 영역을 초과하면 자동으로 접힘 동작이 수행됩니다.