# 오른쪽에서 왼쪽 방향

## Content

SpreadJS는 [Worksheet](/spreadjs/api/v18/classes/GC.Spread.Sheets.Worksheet) 클래스의 `rightToLeft` 옵션을 true로 설정하여 워크시트의 방향을 **왼쪽에서 오른쪽(Left-to-Right)에서 오른쪽에서 왼쪽(Right-to-Left)** 으로 변경할 수 있습니다.
다음 이미지는 오른쪽에서 왼쪽(Right-to-Left) 방향으로 표시된 워크시트를 보여줍니다.
![righttoleft.b2e9cd](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/righttoleft.b2e9cd.92e175.png)

다음 코드 샘플은 워크시트 옵션을 사용하는 방법을 보여줍니다.

```javascript
activeSheet.options.rightToLeft = true;
```

이 속성을 사용하면 워크시트의 첫 번째 열, 행 머리글, 시트 탭 스트립이 오른쪽에 표시되고, 셀은 오른쪽에서 왼쪽 방향으로 렌더링되며, 수직 스크롤바는 왼쪽에 표시됩니다.
오른쪽에서 왼쪽(RTL) 방향으로 표시될 수 있는 기타 SpreadJS 기능은 다음과 같습니다:

* 고정선과 후속 고정선이 관련 열의 왼쪽에 그려짐
* 행/열 머리글과 넘치는 데이터(overflowed data) 의 방향 변경
* 채우기(Fill), 드롭(Drop), 병합(Merge) 등 드래그 인디케이터가 왼쪽 아래에 표시됨
* 행/열 머리글이 있는 그룹 레이아웃의 방향이 변경됨
* 스택 헤더(Stacked Headers) 가 오른쪽에서 왼쪽 방향으로 렌더링됨
* 커넥터, 그룹, 이미지, 차트 등의 도형 방향이 반전됨
* 주석 표시기(Comment Indicator) 는 셀의 왼쪽 위에, 필터 버튼(Filter Button) 은 셀의 왼쪽에 표시됨
* 테이블 필터 버튼, 테이블 크기 조정 표시기, 유효성 검사 버튼 등도 셀의 왼쪽에 표시됨
* 플로팅 오브젝트와 수식 입력 상자(Formula Text Box) 는 워크시트의 오른쪽에 표시됨

### 지원되는 동작

워크시트의 `rightToLeft` 옵션을 활성화하면 다음 동작이 지원됩니다:

* 왼쪽 방향키로 탐색 시 활성 열이 확장되고, 오른쪽 방향키로 탐색 시 활성 열이 축소됨
* 왼쪽에서 오른쪽 방향키로 셀 선택 가능
* 수평 스크롤이 오른쪽에서 왼쪽 방향으로 시작됨
* 열 크기 조정, 자동 맞춤(autofit), 터치 기반 크기 조정, 줌, 스크롤 지원
* 인쇄 및 PDF 형식으로 저장 가능
* .ssjson, .sjs, .xlsx 형식의 가져오기/내보내기 지원

### 디자이너 사용

SpreadJS 디자이너에서는 설정(Settings) 리본 탭의 일반 시트 설정(General Sheet Settings)에서 해당 워크시트에 대해 **오른쪽에서 왼쪽(Right-to-left)** 옵션을 설정할 수 있습니다.
![SheetSettings.6d937b](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/SheetSettings.6d937b.217b54.png)

### **제한사항**

* 고정 영역과 뷰포트 영역을 교차하거나, 뷰포트 영역과 후속 고정 영역을 교차하는 도형은 한 방향으로만 렌더링될 수 있습니다.
* **RightToLeft** 옵션은 [테이블 시트](/spreadjs/docs/v18/features/tablesheet), [간트 시트](/spreadjs/docs/v18/features/ganttsheet), [리포트 시트](/spreadjs/docs/v18/features/reportsheet)에서는 지원되지 않습니다.