How-tos
이 페이지에서는 JavaScript Kanban을 초기화, 구성, 커스터마이즈 및 사용하는 방법에 대한 완벽한 레퍼런스를 제공합니다.
기본 원칙
이 섹션에서는 Kanban을 사용하는 기본 원칙을 확인할 수 있습니다.
| 주제 | 설명 |
|---|---|
| 초기화 | Kanban을 초기화하는 방법을 알아보세요 (예제) |
| 구성 | Kanban을 구성하는 방법을 알아보세요 |
| 사용자 정의 | Kanban을 커스터마이즈하는 방법을 알아보세요 |
| 스타일링 | Kanban을 스타일링하는 방법을 알아보세요 |
| 로컬라이제이션 | Kanban을 현지화하는 방법을 알아보세요 (예제) |
API 레퍼런스
이 섹션에서는 Kanban API에 대한 관련 레퍼런스를 확인할 수 있습니다.
| 주제 | 설명 |
|---|---|
| Kanban events | Kanban 이벤트를 다루는 방법을 알아보세요 |
| Kanban methods | Kanban 메서드를 사용하는 방법을 알아보세요 |
| Kanban properties | Kanban 속성을 사용하는 방법을 알아보세요 |
| Event Bus methods | Event Bus 메서드를 사용하는 방법을 알아보세요 |
| RestDataProvider methods | RestDataProvider 메서드를 사용하는 방법을 알아보세요 |
| State methods | State 메서드를 사용하는 방법을 알아보세요 |
| Toolbar methods | Toolbar 메서드를 사용하는 방법을 알아보세요 |
| Toolbar properties | Toolbar 속성을 사용하는 방법을 알아보세요 |
카드 작업 방법
이 섹션에서는 카드에 대한 작업 수행, 카드 데이터 관리 및 카드 설정 방법을 확인할 수 있습니다.
카드 작업 수행
| 주제 | 설명 |
|---|---|
| Adding new cards | 새 카드를 추가하는 방법을 알아보세요 (예제) |
| Deleting cards | 카드를 삭제하는 방법을 알아보세요 (예제) |
| Moving cards | 카드를 이동하는 방법을 알아보세요 (예제) |
| Scrolling to the desired cards | 원하는 카드로 Kanban을 스크롤하는 방법을 알아보세요 |
| Searching for cards | 카드를 검색하는 방법을 알아보세요 |
| Selecting cards | 카드를 선택하는 방법을 알아보세요 |
| Sorting cards | 카드를 정렬하는 방법을 알아보세요 |
| Unselecting cards | 카드 선택 해제 방법을 알아보세요 |
| Adding links between cards | 카드 간 링크를 추가하는 방법을 알아보세요 (예제) |
카드 데이터 작업
| 주제 | 설명 |
|---|---|
| Getting card data | 카드 데이터를 가져오는 방법을 알아보세요 |
| Getting cards state | 카드 상태를 가져오는 방법을 알아보세요 |
| Getting cards reactive state | 카드의 반응형 상태를 가져오는 방법을 알아보세요 |
| Loading card data | 초기 카드 데이터를 불러오는 방법을 알아보세요 |
| Parsing card data | 카드 데이터를 파싱하는 방법을 알아보세요 |
| Serializing card data | 카드 데이터를 직렬화하는 방법을 알아보세요 (예제) |
| Updating card data | 카드 데이터를 업데이트하는 방법을 알아보세요 |
카드 설정
| 주제 | 설명 |
|---|---|
| Adding new cards | 새 카드 추가 가능/불가 설정 방법을 알아보세요 |
| Binding cards into columns | 카드를 컬럼에 바인딩하는 방법을 알아보세요 |
| Binding cards into rows | 카드를 행에 바인딩하는 방법을 알아보세요 |
| Configuring a card appearance | 카드의 외관을 설정하는 방법을 알아보세요 |
| Configuring a cards menu | 카드 컨텍스트 메뉴를 설정하는 방법을 알아보세요 (예제) |
| Customizing a card appearance | 템플릿을 사용하여 카드 외관을 커스터마이즈하는 방법을 알아보세요 (예제) |
| Dragging cards | 카드 드래그 앤 드롭 가능/불가 설정 방법을 알아보세요 |
| Editing cards | 카드 편집 가능/불가 설정 방법을 알아보세요 |
| Lazy rendering | 많은 카드의 lazy rendering을 활성화/비활성화하는 방법을 알아보세요 (예제) |
| Limiting cards | 컬럼 및 스윔레인별 카드 개수 제한 (WIP 검증) 방법을 알아보세요 (예제) |
| Selecting cards | 카드 선택 가능/불가 설정 방법을 알아보세요 |
| Setting a fix height of cards | 카드의 고정 높이 설정 방법을 알아보세요 |
| Updating card settings | 카드 설정을 업데이트하는 방법을 알아보세요 |
카드 에디터 사용 방법
이 섹션에서는 카드 에디터를 사용하는 방법을 확인할 수 있습니다.
| 주제 | 설명 |
|---|---|
| Autosaving mode | 에디터 자동 저장 모드 활성화/비활성화 방법을 알아보세요 |
| Configuring editor fields | 에디터 필드 설정 방법을 알아보세요 |
| Configuring the editor | 에디터 설정 방법을 알아보세요 |
| Updating editor settings | 에디터 설정을 업데이트하는 방법을 알아보세요 |
컬럼 작업 방법
이 섹션에서는 컬럼에 대한 작업 수행 및 컬럼 데이터 작업 방법을 확인할 수 있습니다.
컬럼 작업 수행
| 주제 | 설명 |
|---|---|
| Adding new columns | 새 컬럼을 추가하는 방법을 알아보세요 (예제) |
| Configuring a columns menu | 컬럼 컨텍스트 메뉴를 설정하는 방법을 알아보세요 (예제) |
| Deleting columns | 컬럼을 삭제하는 방법을 알아보세요 |
| Moving columns | 컬럼을 이동하는 방법을 알아보세요 |
| Scrolling to the desired columns | 원하는 컬럼으로 Kanban을 스크롤하는 방법을 알아보세요 |
| Separate scrolling for columns | 각 컬럼별로 별도의 스크롤을 설정하는 방법을 알아보세요 (예제) |
컬럼 데이터 작업
| 주제 | 설명 |
|---|---|
| Getting card data of the column | 컬럼의 카드 데이터를 가져오는 방법을 알아보세요 |
| Getting columns state | 컬럼 상태를 가져오는 방법을 알아보세요 |
| Getting columns reactive state | 컬럼의 반응형 상태를 가져오는 방법을 알아보세요 |
| Loading column data | 초기 컬럼 데이터를 불러오는 방법을 알아보세요 |
| Parsing column data | 컬럼 데이터를 파싱하는 방법을 알아보세요 |
| Serializing column data | 컬럼 데이터를 직렬화하는 방법을 알아보세요 |
| Updating column data | 컬럼 데이터를 업데이트하는 방법을 알아보세요 |
행(스윔레인) 작업 방법
이 섹션에서는 행(스윔레인)에 대한 작업 수행 및 행 데이터 작업 방법을 확인할 수 있습니다.
행(스윔레인) 작업 수행
| 주제 | 설명 |
|---|---|
| Adding new rows | 새 행(스윔레인)을 추가하는 방법을 알아보세요 |
| Configuring a rows menu | 행(스윔레인) 컨텍스트 메뉴를 설정하는 방법을 알아보세요 (예제) |
| Deleting rows | 행(스윔레인)을 삭제하는 방법을 알아보세요 |
| Moving rows | 행(스윔레인)을 이동하는 방법을 알아보세요 |
| Scrolling to the desired row | 원하는 행(스윔레인)으로 Kanban을 스크롤하는 방법을 알아보세요 |
행(스윔레인) 데이터 작업
| 주제 | 설명 |
|---|---|
| Getting card data of the column and row | 컬럼과 행의 카드 데이터를 가져오는 방법을 알아보세요 |
| Getting rows state | 행 상태를 가져오는 방법을 알아보세요 |
| Getting rows reactive state | 행의 반응형 상태를 가져오는 방법을 알아보세요 |
| Loading row data | 초기 행 데이터를 불러오는 방법을 알아보세요 |
| Parsing row data | 행 데이터를 파싱하는 방법을 알아보세요 |
| Serializing row data | 행 데이터를 직렬화하는 방법을 알아보세요 |
| Updating row data | 행 데이터를 업데이트하는 방법을 알아보세요 |
이벤트 작업 방법
| 주제 | 설명 |
|---|---|
| Executing events | 내부 이벤트를 실행하는 방법을 알아보세요 |
| Intercepting events | 내부 이벤트를 가로채는 방법을 알아보세요 |
| List of inner events | Kanban 내부 이벤트 목록을 확인하세요 |
| Reordering events | 내부 이벤트를 Event Bus 순서에 추가하는 방법을 알아보세요 |
| Subscribing on events | 내부 이벤트를 구독하는 방법을 알아보세요 |
Kanban REST API 사용 방법
| 주제 | 설명 |
|---|---|
| Loading server data for cards | 카드의 서버 데이터를 불러오는 방법을 알아보세요 |
| Loading server data for columns | 컬럼의 서버 데이터를 불러오는 방법을 알아보세요 |
| Loading server data for rows | 행의 서버 데이터를 불러오는 방법을 알아보세요 |
| Working with server | REST API를 통해 서버와 연동하는 방법을 알아보세요 (예제) |
Kanban 상태 작업 방법
| 주제 | 설명 |
|---|---|
| Getting StateStore and DataStore | StateStore 및 DataStore 객체를 가져오는 방법을 알아보세요 |
| Getting StateStore properties | StateStore 속성 객체를 가져오는 방법을 알아보세요 |
| Getting StateStore reactive properties | StateStore의 반응형 속성 객체를 가져오는 방법을 알아보세요 |
Toolbar 작업 방법
| 주제 | 설명 |
|---|---|
| Configuring a searchbar on Toolbar | Toolbar에 검색바를 설정하는 방법을 알아보세요 (예제) |
| Configuring a sort control on Toolbar | Toolbar에 정렬 컨트롤을 설정하는 방법을 알아보세요 (예제) |
| Configuring Toolbar controls | Toolbar 컨트롤을 구성, 커스터마이즈 및 순서 변경하는 방법을 알아보세요 (예제) |
| Including Kanban API in Toolbar | Toolbar에서 Kanban API를 포함하고 사용하는 방법을 알아보세요 |
| Localizing Toolbar | Toolbar를 현지화하는 방법을 알아보세요 |
TypeScript 사용 방법
| 주제 | 설명 |
|---|---|
| Working with TypeScript | TypeScript와 함께 사용하는 방법을 알아보세요 |
추가 질문이 있으신가요?
정보
아래 댓글에 질문을 남기실 수도 있습니다!