Part 7. 프로젝트 3 — 업무 자동화 도구

7.5

읽기 10분 · 동영상 10분

결과물 출력

생성된 보고서, 견적서, 메일 본문을 화면에 보기 좋게 표시하고, PDF로 저장하거나 복사할 수 있게 만들어 봅시다.


화면에 결과 보여주기

"생성하기" 버튼을 누르면 결과가 화면에 나타나야 합니다. AI에게 이렇게 요청하세요:

"결과물을 화면 아래쪽에 보기 좋게 표시해줘. 흰 배경에 테두리를 넣고, 인쇄했을 때도 깔끔하게 보이게 해줘."

결과가 나타났을 때 자연스럽게 스크롤이 내려가면 더 좋습니다:

"결과가 생성되면 자동으로 결과 영역까지 스크롤이 내려가게 해줘."


PDF로 저장하기

가장 쉬운 방법은 브라우저의 인쇄 기능을 이용하는 것입니다.

방법 1: 브라우저 인쇄 (가장 간단)

  1. 결과가 화면에 표시된 상태에서
  2. 키보드에서 Ctrl + P (Mac은 Cmd + P)를 누릅니다
  3. "대상"을 "PDF로 저장"으로 선택합니다
  4. "저장" 버튼을 누릅니다

AI에게 미리 이렇게 부탁해 두면 인쇄할 때 더 깔끔합니다:

>

"인쇄할 때 입력 양식은 숨기고, 결과물만 보이게 해줘."

방법 2: PDF 다운로드 버튼 추가

버튼 하나로 바로 PDF를 받고 싶다면:

"결과물 아래에 'PDF 다운로드' 버튼을 추가해줘. 버튼을 누르면 결과물이 PDF 파일로 자동 다운로드되게 해줘."

이 방법이 더 편하지만, 약간 복잡할 수 있습니다. 잘 안 되면 방법 1로 충분합니다.


클립보드에 복사하기

메일 본문처럼 다른 곳에 붙여넣기할 내용이라면 복사 버튼이 유용합니다.

"결과물 옆에 '복사하기' 버튼을 추가해줘. 버튼을 누르면 결과 텍스트가 클립보드에 복사되고, 버튼 텍스트가 잠깐 '복사됨!'으로 바뀌게 해줘."

복사한 후에는:

  • 메일 프로그램을 열고 Ctrl + V로 붙여넣기
  • 카카오톡이나 메신저에 붙여넣기
  • 워드나 한글 문서에 붙여넣기

메일 발송 기능 (참고만 하세요)

직접 메일을 보내는 기능도 만들 수 있지만, 이를 위해서는 별도의 메일 서비스 설정이 필요합니다. 지금 단계에서는 복사해서 메일 프로그램에 붙여넣는 방식이 가장 현실적입니다.

나중에 더 깊이 배우고 싶다면, "Nodemailer"나 "Resend" 같은 메일 전송 서비스를 검색해 보세요.


결과물 다듬기

결과가 잘 나오면, 디테일을 다듬어 봅시다:

요청 예시 효과
"회사 로고를 결과물 상단에 넣어줘" 더 공식적인 느낌
"견적서 하단에 입금 계좌 정보를 넣어줘" 실무에 바로 사용 가능
"보고서에 오늘 날짜를 자동으로 넣어줘" 매번 날짜를 적지 않아도 됨
"결과물 테두리를 좀 더 깔끔하게 해줘" 보기 좋은 문서

이 절의 요약

  • 결과물은 화면에 깔끔하게 표시하고, 인쇄/PDF 저장이 가능하게 합니다
  • PDF 저장은 Ctrl + P → PDF로 저장이 가장 간단합니다
  • '복사하기' 버튼을 추가하면 메일이나 메신저에 바로 붙여넣을 수 있습니다
  • 회사 로고, 날짜, 계좌 정보 등 실무에 필요한 디테일을 추가하면 바로 사용할 수 있습니다