728x90
리얼그리드를 리액트에서 사용하는 튜토리얼을 기반으로, 실제 설치 및 활용 가이드 입니다.
1강: 리얼그리드 설치 및 환경 설정
개요: 리얼그리드와 리액트를 연동하는 방법을 배웁니다. 리액트 프로젝트에 리얼그리드 패키지를 설치하고 기본 환경을 설정하는 과정을 다룹니다.
- 리액트 프로젝트 생성
- realgrid-react 패키지 설치
- 기본 프로젝트 구조 및 환경 설정
- 실습: 리액트 프로젝트에 리얼그리드 패키지 적용하기
2강: 리얼그리드 기본 구성 및 라이선스 설정
개요: 리얼그리드의 기본 구성 요소와 라이선스를 설정하는 방법을 학습합니다. 그리드 생성 후 기본적인 UI와 데이터를 시각화하는 예제를 다룹니다.
- 라이선스 발급 및 적용 방법
- 그리드 컴포넌트 생성
- 실습: 간단한 그리드 생성 및 데이터 시각화
3강: 그리드 컬럼 생성 및 데이터 바인딩
개요: 그리드의 컬럼을 설정하고 데이터를 바인딩하는 방법을 배웁니다. 다양한 데이터 타입을 적용하는 예제도 함께 다룹니다.
- 컬럼 생성 및 필드 설정
- JSON 및 배열 형태의 데이터 바인딩
- 실습: 다양한 데이터 타입의 컬럼 생성 및 데이터 바인딩
4강: 그리드 스타일 및 UI 커스터마이징
개요: 그리드의 스타일을 동적으로 설정하고, UI를 커스터마이징하는 방법을 배웁니다. 컬럼, 행, 셀 스타일을 동적으로 변경하는 방법을 학습합니다.
- 컬럼 동적 스타일 적용
- 행과 셀 스타일 변경
- 실습: 조건에 따른 그리드 스타일 변경
5강: 그리드 이벤트 처리 및 사용자 상호작용
개요: 리얼그리드에서 제공하는 다양한 이벤트를 처리하는 방법을 배웁니다. 그리드에서 셀 클릭, 데이터 수정 등의 이벤트를 다루는 방법을 학습합니다.
- 그리드 이벤트 처리 및 활용
- 셀 클릭, 데이터 수정 등의 이벤트 처리
728x90
'wooritech > 리얼그리드' 카테고리의 다른 글
| 리얼그리드와 리액트 완벽 연동 가이드(1) : 리얼그리드 설치 및 환경 설정 (0) | 2024.10.04 |
|---|---|
| 초급 웹 개발자가 자주 겪는 200가지 문제(feat. RealGrid) (0) | 2024.09.13 |
| 대량 데이터 처리 시 성능 저하 해결하기: 리얼그리드로 최적화된 성능 구현 (0) | 2024.09.11 |