# 인쇄 구성요소 ## 1 개요 > 리포트 디자이너에서 인쇄 구성요소에 대해 설명하겠습니다. ## 2 디자인 툴 버튼 * 디자인 툴 버튼은 페이지에 디자인된 객체의 모양이나 정렬을 변경하기 위해 사용되는 도구로 구성된 툴 버튼입니다. ![인쇄 디자인 툴 버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTjZgTKwRWrMOW7_%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EC%9D%B8%EC%87%84%EB%94%94%EC%9E%90%EC%9D%B8%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511598047694\&alt=media) * 텍스트 폰트 디자인을 위한 툴 버튼 * 컨트롤을 정렬하기 위한 툴 버튼 * 텍스트 정렬을 위한 툴 버튼 * 테두리 선과 배경색을 위한 툴 버튼 ## 3 구성요소 툴 버튼 * 구성요소 툴 버튼은 페이지에 표시할 객체를 쉽게 추가할 수 있게 모아놓은 툴 버튼입니다. ![인쇄 구성요소 툴 버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTjj9huV33s7U8fc%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EC%9D%B8%EC%87%84%EA%B5%AC%EC%84%B1%EC%9A%94%EC%86%8C%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511598691934\&alt=media) * 밴드 * 메모 컨트롤 * 이미지 컨트롤 * 리포트 구성요소 ## 4 구성요소를 추가하는 방법 * 인쇄 구성요소는 리포트 디자이너의 왼쪽에 각각 툴 버튼으로 이루어져 있으며 버튼을 클릭한 다음 [페이지 편집 창](https://help.ilabs.co.kr/reportmake/report-understand/102#2-1)의 ①인쇄를 원하는 페이지위에 추가하거나 ②밴드 위의 원하는 위치에 마우스를 클릭하면 추가됩니다. ### 4-1 예시) 메모 컨트롤 추가 1\. 좌측 빨간 네모 안에 **메모 컨트롤**을 클릭합니다. ![메모 컨트롤 아이콘 클릭](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MLFgKLX6k19T-z-L5W6%2F-MLFlw-yBh2IghfdFlm4%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%20%EA%B5%AC%EC%84%B1%EC%9A%94%EC%86%8C%20%EC%B6%94%EA%B0%80%20%EB%B0%A9%EB%B2%951.png?alt=media\&token=30294e09-4552-4b6c-ba5b-f7651e7f0ea3) 2\. 클릭한 뒤 수정할 페이지 영역으로 마우스를 옮기면 **메모 컨트롤의 객체 틀**이 생성된 것을 확인할 수 있습니다. ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MLFgKLX6k19T-z-L5W6%2F-MLFmHRU164LmvKlKLKx%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%20%EA%B5%AC%EC%84%B1%EC%9A%94%EC%86%8C%20%EC%B6%94%EA%B0%80%20%EB%B0%A9%EB%B2%952.png?alt=media\&token=3b8a2765-31f5-48ef-b1b2-067a4f24f7d8) 3\. 원하시는 위치에서 클릭하시면 **메모 컨트롤의 텍스트**를 기할 수 있는 팝업창이 생성됩니다. ![메모 컨트롤 팝업창](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MLFgKLX6k19T-z-L5W6%2F-MLFmhpDy3Cv0-apnpvY%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%20%EA%B5%AC%EC%84%B1%EC%9A%94%EC%86%8C%20%EC%B6%94%EA%B0%80%20%EB%B0%A9%EB%B2%953.png?alt=media\&token=050d98fa-f2f8-48f0-98ca-445cce1c09eb) 4\. 3번 테스트 기재를 완료한 뒤 `OK` 버튼을 클릭하면 아래 이미지처럼 기재 내용이 입력된 것을 확인할 수 있습니다. ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MLFgKLX6k19T-z-L5W6%2F-MLFn-8lsjAY_MZMfXKq%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%20%EA%B5%AC%EC%84%B1%EC%9A%94%EC%86%8C%20%EC%B6%94%EA%B0%80%20%EB%B0%A9%EB%B2%954.png?alt=media\&token=a2ac7f26-e79d-4c91-b1a8-e32446074803) ## 5 밴드 * 밴드는 리포트에서 인쇄할 영역을 구분 짓기 위해 사용되는 구성요소입니다. * 밴드의 타입에 따라 출력될 위치와 시점이 정해집니다. * 밴드의 타입별 상세한 설명은 [리포트 밴드](https://help.ilabs.co.kr/reportmake/report-understand/104)페이지를 참고하세요. ## 6 메모 객체 * 메모 객체는 페이지를 인쇄할 때 용지에 글씨를 인쇄하는 구성요소입니다. * **기본적인 구성요소**이며 리포트 디자인 시 가장 많이 사용하게 됩니다.
* 아래 화면은 다양한 형태의 메모 객체의 예시를 보여줍니다. * 리포트 양식을 아름답게 꾸미기 위해서는 [리포트 양식 꾸미기](https://help.ilabs.co.kr/reportmake/report-understand/105) 페이지를 참고하세요. ![메모 객체 예시](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTkVNcJU7yUD9pnh%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EB%A9%94%EB%AA%A8%EC%BB%A8%ED%8A%B8%EB%A1%A4%EC%98%88%EC%8B%9C.png?generation=1523511609766653\&alt=media) ### 6-1 메모 객체를 밴드에 추가하고 텍스트 입력하기 ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOd97X9HWyyF3QmCOUI%2F-MOdA6qWBUF7tqXtXDAw%2F%EB%A9%94%EB%AA%A8%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C1.png?alt=media\&token=7a630788-cc38-4273-9a2a-9d05405a697c) 1. 왼쪽 툴바에서 메모 객체 아이콘을 클릭합니다. 2. 원하는 밴드 위로 커서를 이동한 다음 마우스 왼쪽 버튼을 클릭합니다. 3. 메모 객체가 생성되고 메모 편집창이 팝업됩니다. 4. 메모 편집 창에 텍스트를 입력합니다. 5. `OK` 버튼을 클릭합니다. ![적용 예시](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOd97X9HWyyF3QmCOUI%2F-MOdAA6ZYuC-Wo6tWfog%2F%EB%A9%94%EB%AA%A8%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C2.png?alt=media\&token=32854414-c7ce-4179-be55-a008897b40fb) 6\. 적용된 모습입니다. ### 6-2 글자 모양 변경하기 ![디자인 폰트 툴 버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTlrqVXgalrbgq2U%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%ED%8F%B0%ED%8A%B8%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511608790913\&alt=media) * 예시) ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOd97X9HWyyF3QmCOUI%2F-MOdAvXJB5cA18alp5v8%2F%EB%A9%94%EB%AA%A8%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C3.png?alt=media\&token=0f1c2ee3-bfbd-4726-bd93-f3a6bc1b5c88) 1. ①글자 모양을 변경할 메모를 마우스로 선택합니다. 2. 디자인 툴 버튼에서 폰트 툴 버튼을 이용해 글자 모양을 변경합니다. 3. ②폰트 이름, ③글자 크기, ④문단 정렬(좌, 우, 중), ⑤문단 정렬(상, 하, 중) 등을 변경하거나 테두리를 설정할 수 있습니다. ![적용된 결과](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdBaohHepkhpjdhrlX%2F-MOdBr-ibcoRPrqd2DWE%2F%EB%A9%94%EB%AA%A8%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C4.png?alt=media\&token=259f55c6-0bb3-4f48-a60d-5ac2a3f24638) ### 6-3 텍스트 정렬 변경하기 1. 디자인 툴 버튼에서 텍스트 정렬을 위한 툴 버튼을 이용해 정렬을 변경합니다. 2. 가로방향 정렬은 왼쪽, 오른쪽, 가운데로 정렬할 수 있습니다. 3. 세로방향 정렬은 위, 아래, 가운데로 정렬할 수 있습니다. ![디자인 정렬 툴 버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTmT8RKDCh7pVNfr%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EC%A0%95%EB%A0%AC%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511598013600\&alt=media) ### 6-4 테두리 선(프레임) 그려주기 1. 디자인 툴 버튼에서 테두리선 변경을 위한 툴 버튼을 이용해 테두리 선을 그려줄 수 있습니다. 2. 아래 테두리 지정을 위한 툴 버튼을 이용해 객체의 테두리 선을 변경할 수 있습니다. 3. 선 굵기, 선 모양, 선 색깔 등을 지정할 수 있습니다. ![디자인 테두리 툴 버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTnFEDfaYZooCOYA%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%ED%85%8C%EB%91%90%EB%A6%AC%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511598065123\&alt=media) ### 6-5 배경색 변경하기 1. 채우기 툴 버튼을 이용해 메모의 배경색을 변경 할 수 있습니다. 2. 채우기 편집 창을 이용해 그라데이션을 채우거나 브러시를 변경할 수 있습니다. ![디자인 채우기 툴버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTnorkE72-9Aq8ze%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EC%B1%84%EC%9A%B0%EA%B8%B0%ED%88%B4%EB%B2%84%ED%8A%BC.png?generation=1523511603014622\&alt=media) ### 6-6 자주 사용하는 속성 * Align : 관련 페이지 또는 밴드에서 객체의 정렬 위치: 위, 아래, 왼쪽, 오른쪽, 중앙등. * AutoWidth : `true`로 설정하면 텍스트의 글자너비에 맞춰 객체의 너비를 자동으로 조정합니다. * Visible : 해당 객체의 출력 여부를 선택할 수 있습니다. 기본적으로 True로 해당 내용을 출력에서 보일 수 있게 하며, False일 때는 해당 내용을 보이지 않게 할 수 있습니다. * WordWrap : `true`로 설정할 경우 메모 컨트롤에 내용이 최대한 보일 수 있도록 정렬됩니다. `false`의 경우 메모컨트롤의 칸 크기와 상관없이 내용이 표시됩니다. ![WordWrap : True](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdC-lIAJB9pav0ZUoR%2F-MOdGjI75tSkmEyAHZ3A%2FTrue.png?alt=media\&token=45a5a2d9-5440-4897-9f00-c9206f306c74) ![WordWrap : False](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdC-lIAJB9pav0ZUoR%2F-MOdGpAArluFgXyU8PfZ%2Ffalse.png?alt=media\&token=08d1fceb-bd22-41ce-8866-d129aaa48eed) ## 7 이미지 객체 * 이미지 객체는 페이지에 이미지를 출력하기 위한 객체입니다. ![디자인 채우기 툴버튼](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-L9sMKyUo82VSZc9LSFY%2F-L9sMTpER7l6YHKzCF0o%2F%EB%A6%AC%ED%8F%AC%ED%8A%B8%EB%94%94%EC%9E%90%EC%9D%B4%EB%84%88_%EC%9D%B4%EB%AF%B8%EC%A7%80%EC%BB%A8%ED%8A%B8%EB%A1%A4.png?generation=1523511600819434\&alt=media) ### 7-1 이미지 불러오기 ![이미지 불러오기](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdHTAreKmzi2JVu7tr%2F-MOdInhbGPCngbb5jt5g%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C1.png?alt=media\&token=4ae91a6e-4f48-461f-898b-ef2cb7b3b2dc) 1. ①이미지 컨트롤러 아이콘을 클릭합니다. 2. ②이미지 컨트롤러 위치를 정한 뒤 마우스 왼쪽을 클릭합니다. 3. ③이미지 객체 편집창이 실행됩니다. 4. ④이미지 객체 편집 창에서 불러오기 아이콘을 클릭합니다. 5. 페이지에 불러올 이미지 파일을 선택합니다. 6. ⑤불러온 이미지가 출력됩니다. 7. ⑥확인 아이콘을 클릭하여 완료합니다. ![적용된 결과](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdHTAreKmzi2JVu7tr%2F-MOdJ_HpGSYPDhh4O_Gx%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C2.png?alt=media\&token=7da54bc0-d4db-4682-bc11-ac9acb27078a) ### 7-2 이미지 지우기 ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdHTAreKmzi2JVu7tr%2F-MOdKalQ_IPVWHzIeCus%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C3.png?alt=media\&token=dc4dda4b-acc8-4aa9-aee7-a3c1ebc74c20) 1. ①수정할 이미지 컨트롤러를 더블클릭합니다. 2. ②이미지 객체 편집 창에서 지우기 아이콘을 클릭합니다. 3. ③이미지가 지워진 것을 확인한 다음 확인 아이콘을 클릭하여 완료합니다. ![적용된 결과](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdHTAreKmzi2JVu7tr%2F-MOdKhrkEcTAG8CNv5qt%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C4.png?alt=media\&token=cc2b71df-285b-41ff-a2c1-d9a93b979dbd) ### 7-3 이미지 크기 및 위치 조정하기 ![](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdKuLpYe6EHQltMR0Z%2F-MOdLrC_8U8cvN6892yT%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C5.png?alt=media\&token=17a0f52e-8443-492e-acb3-731812554ebd) 1\. 이미지의 크기는 이미지 객체의 크기에 따라 자동으로 크기가 조정됩니다. ![Stretched : False](https://3435040722-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L9sM1gtG7RzXNTibOAX%2F-MOdKuLpYe6EHQltMR0Z%2F-MOdLtnq5u_Htjp0wnym%2F%EC%9D%B4%EB%AF%B8%EC%A7%80%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%20%EC%98%88%EC%8B%9C6.png?alt=media\&token=ee5abae5-da1d-493c-8caa-3d0993b5e701) 2\. 원래 이미지 크기를 유지하고 싶다면 [속성 창](https://help.ilabs.co.kr/reportmake/102#2-3)에서 `stretched`속성을 `false`로 변경합니다. ## 8 기타 객체 ### 8-1 바코드 * 바코드는 쉽게 1차원 바코드와 2차원 바코드로 구분할 수 있습니다. * 1차원 바코드는 영문자, 숫자 등을 표현할 수 있습니다. * 2차원 바코드(보통 QR코드로 표현)는 좀 더 복잡한 문장이나 문자열 등을 이용해 홈페이지링크 등을 표현할 수 있습니다. #### 1차원 바코드 활용 * 시료라벨에 시료 번호 또는 접수번호 * 접수증에 접수번호 #### 2차원 바코드 활용 * 기관 홈페이지 링크: [네이버 QR코드 페이지](http://qr.naver.com/)에서 기관 홈페이지링크를 QR코드로 만든 다음 이미지를 캡처하여 리포트에 [이미지객체](#7)로 추가하면 됩니다. * 성적서 진위여부 조회: 성적서가 발행 후 인위적으로 변경되었는지 확인할 수 있는 아이랩의 기능입니다. ### 8-2 성적서 진위여부 조회 * 아이랩에는 성적서의 진위여부를 확인 할 수 있는 기능이 포함되어 있습니다. * 이 기능은 성적서양식에 QR코드를 추가하고 스마트폰을 이용해 코드에 들어 있는 정보를 확인 할 수 있는 기능입니다. ### 성적서에 진위여부 확인용 QR코드 추가하기 [Link](https://help.ilabs.co.kr/reportauthenticity#2.-qr)