📅 2025-11-27

🎯 오늘 한 일

• Day2 Step 1: GridView 구조 분석

  • <w2:gridView>의 내부 구조: header, body, column 매핑 방식 학습
  • autoFit, rowNumVisible, rowStatusVisible 속성 테스트
  • GridView의 렌더링 순서 및 DataSet 변경 시 자동 갱신 흐름 확인
  • 컬럼별 데이터 타입, 이벤트 기본 동작 정리

• Day2 Step 2: DataSet ↔ GridView 연동 실습

  • DataSet에 setJSON 하자마자 Grid가 자동 갱신되는 구조 직접 구현
  • DataSet의 row 추가/삭제 → GridView 자동 반영 테스트
  • 백엔드 없이 Mock JSON으로 GridView 렌더링 성공
  • 새로고침 버튼 클릭 → load() → DataSet → GridView 파이프라인 완성

💡 배운 점

• WebSquare 화면은 결국 GridView = 보여주는 역할,
  DataSet = 실제 데이터 상태 관리,
  Submission = 통신
  이 3요소가 일관된 규칙으로 돌아간다는 것을 확신하게 됨.
• GridView는 React Table처럼 커스터마이징 요소가 있지만,
  실무에서는 DataSet 구조가 먼저 설계되고 Grid는 그 위에서 단순히 시각화하는 형태로 움직임.
• DataSet을 기준으로 화면을 바라보는 시각이 생기니 UI 구현 난도가 확 내려감.

🚀 내일 할 일

• 검색 조건 DataSet 만들기
• 조회 Submission → 목록 GridView 반영 패턴 완성하기
• 간단한 CRUD 팝업까지 준비할 생각

아래는 두 날짜의 TIL에서 ‘내일 할 일’만 이론 중심으로 다시 정리한 버전이다.

---

🚀 내일 할 일

• GridView의 구조적 동작 원리 정리

  • Header / Body / Column / DataList 의 역할 구분
  • GridView가 DataSet 변경을 감지하는 내부 메커니즘 학습

• DataSet과 UI Component의 바인딩 구조 복습

  • dataList="data:dsXXX" 바인딩 규칙
  • DataSet rowStatus 변화가 UI에 반영되는 과정 이론적으로 이해하기

• Submission 호출 흐름을 구조적으로 해석

  • API 호출 시 request → processing → response → DataSet 업데이트 순서

---

필요하면 이 내용을 Velog 업로드용으로 더 압축해서 만들 수도 있다.

🧩 느낀 점

• 이제 WebSquare 화면의 60%는 만들 수 있을 것 같다.
• GridView가 복잡한 것 같았는데 사실 “DataSet만 잘 다루면 자동으로 따라오는 UI”라는 점에서 React보다 단순함.
• 업무 시스템에서 WebSquare가 강력한 이유를 정확히 이해했다.