# cellClicked

셀을 한 번 클릭했을 때 발생합니다. 실제 행·필드와 입력 문맥은 detail에서 읽습니다.

Canonical: https://grid.syidax.com/ko/docs/events/cellClicked/

<a id="meaning"></a>

## 무엇을 하는 API인가요

셀을 한 번 클릭했을 때 발생합니다. 실제 행·필드와 입력 문맥은 detail에서 읽습니다.

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
cellClicked: GridCellClickedDetail
```

<a id="usage"></a>

## 사용 흐름

grid.addEventListener('cellClicked', handler)로 구독합니다. 실제 결과는 event.detail에 들어 있고 이름의 대소문자를 구분합니다. 화면을 닫을 때 구독을 해제하세요.

```javascript
const controller = new AbortController();
grid.addEventListener('cellClicked', event => {
  console.log(event.detail);
}, { signal: controller.signal });
// 화면을 해제할 때 controller.abort();
```

<a id="types"></a>

## 관련 타입 읽기

- [GridCellClickedDetail](https://grid.syidax.com/ko/docs/types/GridCellClickedDetail.md)

<a id="recipes"></a>

## 기능별 설명과 예제

- [데이터와 이벤트](https://grid.syidax.com/ko/docs/guides/data-event-access.md) — Grid API는 현재 상태를 읽거나 변경하는 호출이고, 이벤트는 사용자가 조작하거나 데이터가 바뀐 결과를 알리는 통로입니다. 둘을 연결하면 앱의 저장 버튼·상세 패널·변경 내역을 구성할 수 있습니다.