# 웹 환경에서 DB 연동 데이터로 문서 작성 **URL:** \ **Category:** 웹한글 기안기\ **Created:** [8월 7, 2024, 7:15오전 UTC](https://forum.developer.hancom.com/t/db/1719 "2024-08-07T07:15:04Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![bjhwang](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@bjhwang](https://forum.developer.hancom.com/u/bjhwang)\ **Post date:** [8월 7, 2024, 7:15오전 UTC](https://forum.developer.hancom.com/t/db/1719/1 "2024-08-07T07:15:04Z")
웹 환경에서 DB의 데이터를 불러와 정해진 양식에 맞춰 문서를 작성 및 출력하려고 합니다. 기존 시스템에서는 CS 환경에서 해당 기능을 사용 중이나, 이를 웹 환경에서 구현하고자 진행하는 과정에서 어려움을 겪고 있으며 현재는 그룹사 제품인 클립리포트를 통해 진행하던 중 이미지를 가져오는 부분에서 객체로 이미지를 분리하지 못하는 문제점이 있어 문의드립니다. 웹 개발 환경에서 DB의 이미지 및 문자열 데이터를 가져와 양식에 맞게 문서 작성 및 출력하는 기능에 대해서 1. 웹한글 기안기를 활용하여 해당 기능이 구현 가능한지 2. 웹한글 기안기로 구현 불가하다면 해당 기능에 필요한 타 모듈 및 라이브러리가 있는지 2-1. 한컴에서 제공하는 모듈일 경우 개발 라이센스 구매에 대한 내용 2-2. CS 환경에서 활용 가능한 기술 및 모듈이 있다면 해당 부분에 대한 내용 위 사항에 대해 문의 드립니다. 추가로 작성 및 출력하고자 하는 양식 파일을 일반 문의로 첨부하였으나 해당 내용 확인이 되지 않는 경우 추가로 첨부하여 보내드릴 수 있는 지도 답변 부탁드립니다. 감사합니다. ---
**Author:** ![bart](https://avatars.discourse-cdn.com/v4/letter/b/f19dbf/32.png) [@bart](https://forum.developer.hancom.com/u/bart)\ **Post date:** [8월 7, 2024, 8:25오전 UTC](https://forum.developer.hancom.com/t/db/1719/2 "2024-08-07T08:25:52Z")
안녕하세요. 원하시는 기능이 아래 두가지 인것 같습니다. 1. DB의 이미지를 문서에 삽입. 2. DB의 문자열 데이터를 문서에 삽입. - DB 이미지 삽입 `InsertPicture` API 를 사용하시면 문서에 이미지 삽입이 가능합니다. path 에 이미지 URL 전달이 가능하고, 이 URL 형식은 blob url 이나 data url 도 가능합니다. DB 에 보관된 binary 데이터를 blob url 로 생성하여 사용하시거나 base64 인코딩을 하여 data url로 사용하시면 될것 같습니다. [InsertPicture | 한컴디벨로퍼](https://developer.hancom.com/webhwp/devguide/hwpctrl/methods/insertpicture) - DB의 문자열 데이터를 문서에 삽입 데이터를 입력할 양식이 정해져있다면 필드(누름틀)가 삽입된 양식을 사용하시고 `PutFieldText` API 를 사용하여 데이터를 입력하는게 가장 일반적으로 사용되는 방법입니다. [PutFieldText | 한컴디벨로퍼](https://developer.hancom.com/webhwp/devguide/hwpctrl/methods/putfieldtext) 감사합니다. ---
**Author:** ![bjhwang](https://avatars.discourse-cdn.com/v4/letter/b/3be4f8/32.png) [@bjhwang](https://forum.developer.hancom.com/u/bjhwang)\ **Post date:** [8월 9, 2024, 4:00오전 UTC](https://forum.developer.hancom.com/t/db/1719/3 "2024-08-09T04:00:33Z")
답변 감사합니다. 추가적으로 웹한글 기안기의 해당 기능 확인 및 테스트를 위한 테스트 API 혹은 환경이 있는 지 아니면 라이센스를 구매해야만 사용 가능한 API 인지 문의드립니다. 감사합니다. ---
**Author:** ![bart](https://avatars.discourse-cdn.com/v4/letter/b/f19dbf/32.png) [@bart](https://forum.developer.hancom.com/u/bart)\ **Post date:** [8월 9, 2024, 4:19오전 UTC](https://forum.developer.hancom.com/t/db/1719/4 "2024-08-09T04:19:00Z")
기본적인 API 확인은 개발자센터를 통해 확인 가능합니다. 위에 첨부드린 링크를 통해 API 사용법 확인 가능하고 예제 활용 페이지를 통해 직접 실행 가능합니다. > **[웹한글 기안기 예제 | 한컴디벨로퍼](https://webhwpctrl-example.cloud.hancom.com/webhwp-example)** > > Web site created using create-react-app 도입을 위한 연동 테스트 관련해서는 영업 채널이나 제품 문의 게시판을 통해 문의주시면 자세한 답변이 가능할 것 같습니다. 제품 문의: ‘[한컴 닷컴 \> 고객 지원 \> 제품 문의](https://www.hancom.com/cs_center/csTechQnaList.do)’ 감사합니다.