# 기본 로고의 표시

기본 로고는 Community를 포함해 Grid 하단의 전용 공간에 표시됩니다. 데이터를 가리키는 워터마크가 아니라 표의 구성 요소로 공간을 확보합니다.

Canonical: https://grid.syidax.com/ko/docs/features/fixed-logo/

<a id="understand"></a>

## 동작 원리와 선택 기준

Grid와 Chart의 그리기 영역은 다릅니다. Grid에서는 셀·페이지 이동 컨트롤과 겹치지 않는 하단 오른쪽 위치를 기준으로 읽고, 표 높이를 계산할 때 이 영역을 포함합니다.

코드의 grid는 설치와 연결 장에서 준비한 Grid 요소입니다. 예제마다 필요한 데이터·설정을 확인하고, 코드에서 소개하는 앱 함수와 서버 주소는 프로젝트에 맞게 구현하세요.

- [설치와 연결 · 공통 예제 데이터](https://grid.syidax.com/ko/docs/guides/getting-started.md)

<a id="example-1"></a>

## 예제 1. 기본 구성 확인

로고 설정을 생략하거나 기본값으로 되돌립니다.

```javascript
grid.brandLogo = '';
```

결과 확인: 기본 마크가 표시됩니다. 다른 기능을 켜고 꺼도 데이터 셀 안으로 이동하지 않아야 합니다.

<a id="example-2"></a>

## 예제 2. 작은 높이에서 점검

페이지 이동·상태 바·가로 스크롤을 켠 짧은 표에서 마지막 행과 하단 컨트롤을 함께 확인합니다.

결과 확인: 표 높이는 로고와 컨트롤을 포함한 사용 공간을 고려해 정합니다. 외부 컨테이너의 overflow로 하단을 잘라내지 않도록 합니다.

<a id="example-3"></a>

## 예제 3. 브랜드 변경이 필요할 때

로고를 제거하거나 회사 이미지로 바꾸려면 로고와 위치 문서의 brandLogo 및 라이선스 절차를 따릅니다.

결과 확인: 단순 배경색 변경은 theming, 로고 이미지 변경은 branding 설정입니다. 두 목적을 구분해 적용합니다.

<a id="pitfalls"></a>

## 조합할 때와 문제를 해결할 때

내부 마크를 가리는 앱 요소를 겹치거나 표를 잘라내는 방식으로 사용자 지정하지 마세요.

로고는 클릭 유도용 앱 버튼을 대신하지 않습니다. 앱의 주요 작업은 별도의 접근 가능한 버튼으로 제공합니다.

<a id="related-api"></a>

## 이 기능에 사용하는 API

공통 설정과 아래 관련 문서를 함께 참고하세요.

- [Grid 속성](https://grid.syidax.com/ko/docs/options.md)
- [열 설정](https://grid.syidax.com/ko/docs/columns.md)
- [메서드](https://grid.syidax.com/ko/docs/methods.md)

<a id="next"></a>

## 함께 읽기

- [행·열·ID의 관계](https://grid.syidax.com/ko/docs/guides/concepts.md)
- [결과와 이벤트 연결](https://grid.syidax.com/ko/docs/guides/data-event-access.md)