R2디자이너로 배우는 실전 리포트 디자인: 20강 완벽 가이드 5. Simple Data와 Band Data를 활용한 데이터 바인딩 및 출력

소개
R2디자이너에서 리포트에 데이터를 바인딩하여 효율적으로 출력하는 방법을 알아봅니다. 이 강의에서는 Simple Data와 Band Data를 생성하고 이를 리포트의 다양한 요소에 연결하여 데이터를 출력하는 방법을 다룹니다. 실습 예제를 통해 각 데이터를 실제 리포트에 어떻게 반영하는지 배워보겠습니다.

---

1. Simple Data 만들기 및 편집

Simple Data는 {key: value} 형식으로 단일 값을 저장하고 출력하는 간단한 데이터 형식입니다. 주로 리포트의 제목, 작성일, 작성자 등의 고정된 값을 표시할 때 사용됩니다.

주요 기능:

• 고정 데이터 추가: 리포트 제목, 작성일 등의 값을 설정할 수 있습니다.
• 데이터 타입 변환: 텍스트, 숫자, 참/거짓(true/false) 등 다양한 형식으로 변환 가능합니다.
• 배열 데이터 입력: 쉼표(,)로 구분된 값들을 배열 형식으로 입력할 수 있습니다.

실습 예제:

1. Simple Data 생성 및 필드 추가

 

먼저, Simple Data에 3개의 필드를 추가합니다.

1. Data 패널에서 Simple Data를 생성합니다.
   • Name: reportInfo
2. Add Field 버튼을 눌러 3개의 필드를 추가합니다.
   • Field 1: reportTitle
     • Sample Value: 2024년 매출 분석
   • Field 2: reportSummary
     • Sample Value: 1분기 매출 상승 분석
   • Field 3: reportDetails
     • Sample Value: 매출액 증가 주요 요인 분석과 향후 예상

2. 텍스트 필드 추가 및 데이터 바인딩

1. 텍스트 필드 추가 (제목):
   • 리포트 헤더에 텍스트 필드(Report Header)를 선택하고, Data 섹션에서 reportInfo Simple Data를 선택합니다.

     

   • Value 필드에서 **reportTitle**을 선택합니다.

     

   • 스타일 설정: 굵게, 폰트 크기 24px, 색상: 파란색(#0000FF)

     

     
     
2. 텍스트 필드 추가 (요약):
   • 본문 상단에 텍스트 필드를 추가하고, Data 섹션에서 reportInfo Simple Data를 선택합니다.
   • Value 필드에서 **reportSummary**을 선택합니다.

     

   • 스타일 설정: 일반, 폰트 크기 18px, 색상: 검정색(#000000)
3. 텍스트 필드 추가 (상세 내용):
   • 본문 하단에 또 다른 텍스트 필드를 추가하고, Data 섹션에서 reportInfo Simple Data를 선택합니다.
   • Value 필드에서 **reportDetails**을 선택합니다.
   • 스타일 설정: 일반, 폰트 크기 14px, 색상: 회색(#666666)

3. 실습 예제:

• Simple Data 이름: reportInfo
• 필드 및 값:
  • Field 1: reportTitle - Value: 2024년 매출 분석
  • Field 2: reportSummary - Value: 1분기 매출 상승 분석
  • Field 3: reportDetails - Value: 매출액 증가 주요 요인 분석과 향후 예상

4. 미리보기 (Preview)

모든 텍스트 필드가 올바르게 연결되었는지 확인하기 위해 미리보기(Preview) 기능을 사용합니다. 설정한 각 필드가 리포트 제목, 요약, 상세 내용에 맞게 표시되었는지 확인합니다.

5. 최종 출력 예시:

• 제목: "2024년 매출 분석" (굵게, 24px, 파란색)
• 요약: "1분기 매출 상승 분석" (일반, 18px, 검정색)
• 상세 내용: "매출액 증가 주요 요인 분석과 향후 예상" (일반, 14px, 회색)

이와 같은 방식으로 Simple Data를 활용하여 리포트의 여러 부분에 다양한 데이터를 바인딩할 수 있습니다. 이는 고정된 데이터를 보다 효율적으로 관리하는 데 유용하며, 리포트 내 여러 필드에 적용할 수 있습니다.

 

---

2. Band Data 만들기 및 사용

Band Data는 테이블과 같이 여러 행의 데이터를 반복 출력할 때 사용하는 데이터 구조입니다. Band Data는 주로 제품 목록이나 거래 내역과 같은 다중 데이터를 리포트에 출력하는 데 유용합니다.

주요 기능:

• 다중 데이터 관리: 여러 필드(열)를 추가하여 데이터를 다층적으로 관리합니다.
• Band Item과 연결: Table Band 또는 다른 반복 구조 아이템과 연결하여 데이터를 반복적으로 출력합니다.

  

실습 예제:

1. Band Data 생성
   • 필드 추가: 제품명(product), 가격(price), 수량(quantity) 
   • Calculated Field 추가: 총 매출액(totalPrice) = 가격(price) * 수량(quantity)
   • 샘플 데이터 입력:
     • 제품명: "노트북", "모니터", "키보드"
     • 가격: 1,200,000, 300,000, 50,000
     • 수량: 2, 1, 3
     • Calculated Field 결과:
       • 총 매출액:
         • 노트북: 1,200,000 * 2 = 2,400,000
         • 모니터: 300,000 * 1 = 300,000
         • 키보드: 50,000 * 3 = 150,000
     • Band Data의 필드 구성:
       • 제품명(product): 노트북, 모니터, 키보드
       • 가격(price): 1,200,000, 300,000, 50,000
       • 수량(quantity): 2, 1, 3
       • 총 매출액(totalPrice): 2,400,000, 300,000, 150,000

         

         

         
         
         
         
2. Table Band와 연결
   • 리포트 본문에 Table Band를 추가하고, Band Data를 연결하여 제품 리스트가 출력되도록 설정합니다.

     

     

     

     
     
     
   • 각 열(Column)에 제품명, 가격, 수량을 바인딩합니다.
   •  

 

 

 

 

 

 

 

 

3번째 row는 텍스트필드 추가후,Data선택

 

 

 

 

---

3. Table Band와 Band Data 연결

• 컬럼에 데이터 바인딩: Band Data의 각 필드를 테이블의 열에 연결하여 데이터가 반복적으로 출력되도록 설정합니다.
• Header/Footer 연결: 테이블의 헤더나 푸터에 Simple Data 또는 다른 데이터 값을 바인딩하여 제목이나 고정된 값을 표시할 수 있습니다.

실습 예제:

• 테이블 생성: 3열 5행의 테이블을 생성합니다.
• 데이터 연결: 각 열에 "제품명", "가격", "수량" 필드를 연결합니다.
  • 제품명(Product): product 필드
  • 가격(Price): price 필드
  • 수량(Quantity): quantity 필드
  • 총 매출액(Total Price): totalPrice 필드 (calculated field로 자동 계산된 값을 출력)

2. Header 설정

• Header에 Simple Data 연결: 테이블의 헤더에는 Simple Data를 연결하여 고정된 제목을 설정할 수 있습니다.
  • 제품명(Product), 가격(Price), **수량(Quantity)**라는 제목을 Simple Data로 설정합니다.
  • 예: Simple Data에서 headerProduct, headerPrice, headerQuantity 필드를 만들어 헤더에 연결합니다.

각각 생성한 BandData 선택후, AddRow 클릭하여 데이터 출력

3. 미리보기

• Preview 버튼을 눌러 리포트에서 Band Data가 올바르게 테이블로 출력되는지 확인합니다.
  • 각 제품의 총 매출액도 계산되어 함께 출력됩니다.

    

 

실습 예제:

1. Simple Data 미리보기
   • 리포트 제목에 설정된 "2024년 매출 분석"이 제대로 표시되는지 확인합니다.
2. Band Data 미리보기
   • 제품 리스트가 테이블에 올바르게 출력되고, 각 필드에 데이터가 정확하게 바인딩되었는지 확인합니다.

---

5. Simple Data와 Band Data의 실무 활용

리포트를 작성할 때 Simple Data와 Band Data는 실무에서 자주 사용되는 데이터 바인딩 방식입니다. 각 리포트의 제목이나 설명과 같은 고정된 값은 Simple Data로, 반복되는 테이블 형식의 데이터는 Band Data로 관리하여 효율적으로 데이터를 출력할 수 있습니다.