# NoteRich에서 PDF 및 워터마크 없는 HTML을 내보내는 방법 귀하의 지식을 공유하는 것은 품질이나 개인정보 보호 측면에서 타협하는 것을 의미하지 않습니다. 기술 보고서를 준비하거나 개인 일지를 아카이브하거나 클라이언트와 프로젝트 업데이트를 공유할 때, 최종 프레젠테이션은 매우 중요합니다. **NoteRich**는 전문적인 수준의 내보내기 엔진을 제공하여, 브라우저에서 보거나 PDF 형태로 인쇄할 때도 원하는대로 깔끔하고 정확하게 포맷된 노트를 제공합니다. 이 가이드에서는 NoteRich의 고급 내보내기 기능을 활용하여 고품질의 HTML과 인쇄용 PDF를 생성하는 방법을 설명합니다. 프로 사용자를 위한 워터마크 없는 내보내기 옵션도 제공됩니다. --- ## 🚀 왜 NoteRich를 내보내기에 선택하는가? 일반적인 "HTML로 저장" 기능과 달리, NoteRich의 내보내기 엔진은 정확성을 위해 만들어졌습니다: * **픽셀 완벽한 렌더링**: Mermaid 다이어그램, ECharts, 수학 공식과 같은 복잡한 요소들은 고해상도 이미지로 래스터화되어 모든 장치에서 정확하게 렌더됩니다. * **자체 포함된 파일**: 로컬 첨부 파일과 오디오/비디오 파일을 포함하여 모든 자원이 Base64 인코딩을 사용하여 HTML에 직접 포함됩니다. 연결이 끊기거나 자원이 누락되는 경우가 없습니다. * **스마트 CSS 추출**: 시스템은 필요한 스타일만을 지능적으로 추출하여 CSS 변수를 해결하고 일관된 타이포그래피와 색상을 보장합니다. * **개인정보 보호 우선**: 모든 처리는 브라우저 내에서 이루어집니다. 내보내기 과정 중에 데이터가 장치에서 벗어나지 않습니다. --- ## 📄 고품질 HTML로 내보내기 NoteRich을 사용하면 현재 노트를 독립된 HTML 파일로 내보낼 수 있습니다. 이는 웹 게시, 이메일 뉴스레터, 장기 보관에 이상적입니다. ### 단계별 가이드 1. 내보낼 노트를 열어보세요. 2. 편집기 상단 오른쪽 모서리에 있는 **더 많은 작업** 메뉴를 클릭하세요 (`...` 또는 기어 아이콘). 3. **HTML로 내보내기**를 선택하세요. 4. 시스템이 자동으로 문서를 처리합니다: * **SVG 래스터화**: 벡터 그래픽(플로우차트, 그래프 등)은 고해상도 PNG로 변환되어 모든 이메일 클라이언트와 브라우저와의 호환성을 보장합니다. * **자원 포함**: 로컬 파일은 Base64 문자열로 변환됩니다. 5. `.html` 파일을 장치에 다운로드하세요. > **프로 팁**: 내보낸 HTML은 완전히 반응형입니다. 모바일 장치에서 열어도 레이아웃이 원활하게 조정됩니다. --- ## 🖨️ PDF로 인쇄 정식 문서, 계약서, 또는 실물 아카이브의 경우, PDF가 표준입니다. NoteRich은 노트를 종이에 맞게 최적화하는 전문적인 인쇄 엔진을 통합했습니다. ### PDF로 인쇄하는 방법 1. `Ctrl + P` (Windows/Linux) 또는 `Cmd + P` (macOS)를 누르거나 **인쇄** 메뉴에서 **인쇄**를 선택하세요. 2. 인쇄 미리보기 창에서: * **대상**: "PDF로 저장"을 선택하세요. * **레이아웃**: 내용에 따라 가로 또는 세로를 선택하세요. * **여백**: 더 깔끔한 모양을 위해 "없음" 또는 "최소"를 선택하세요. 3. **저장**을 클릭하세요. ### 인쇄 전용 최적화 * **페이지 분기 제어**: NoteRich은 이미지나 코드 블록을 페이지에 나누는 것을 자동으로 피합니다. * **배경 그래픽**: 엔진은 배경색과 이미지를 인쇄하도록 강제하여 하이라이트, 코드 블록 테마, 다이어그램 배경이 화면에서와 동일하게 나타나도록 합니다. * **깔끔한 헤더/바닥글**: 기본적으로 브라우저가 생성하는 헤더와 바닥글은 내용에 집중할 수 있도록 최소화됩니다. --- ## 💎 프로 사용자를 위한 워터마크 없는 내보내기 NoteRich은 무료 버전을 제공하지만, 브랜드와 일치하는 문서가 필요한 전문가를 위해 **프로 라이선스**는 고급 내보내기 기능을 제공합니다. ### 차이점 * **무료 버전**: 복잡한 시각화 요소(차트, 다이어그램 등)의 모서리에 약간의 NoteRich 로고 워터마크가 포함될 수 있습니다. 이는 플랫폼 개발을 지원하기 위한 것입니다. * **프로 버전**: 워터마크가 전혀 없는 내보내기를 즐기세요. 문서는 완전히 맞춤형으로 보일 것이며, 제3자 브랜딩이 없어 클라이언트 전달물, 학술 논문, 기업 보고서에 완벽합니다. ### 업그레이드 방법 1. **설정** > **라이선스 관리**로 이동하세요. 2. **프로로 업그레이드**를 클릭하세요. 3. 확인된 후, 모든 HTML 및 PDF 내보내기는 워터마크 없이 생성됩니다. --- ## 🛠️ 기술적 사양: 전문적인 성능 NoteRich의 내보내기 엔진은 신뢰성을 보장하기 위해 여러 복잡한 문제를 처리합니다: ### 1. SVG에서 PNG로 래스터화 복잡한 SVG는 종종 `currentColor`와 같은 CSS 변수에 의존합니다. 이 변수는 다른 컨텍스트로 이동할 때 문제가 발생할 수 있습니다. NoteRich의 엔진은 다음과 같은 기능을 제공합니다: * 각 SVG의 정확한 렌더링 크기를 계산합니다. * 상속 문제를 해결하기 위해 특정 색상 수정 사항을 삽입합니다. * 숨겨진 iframe 내에서 고해상도 PNG로 변환하여 최종 이미지가 선명하고 독립적으로 보이도록 합니다. ### 2. Blob 자원 처리 로컬 비디오, 오디오, 또는 대형 이미지를 포함했다면, 이들은 일반적으로 임시 `blob:` URL 형태로 존재합니다. 내보내기 중에: * 엔진이 이러한 자원을 감지합니다. * 메모리 과부하를 방지하기 위해 단계별로 Base64 문자열로 변환합니다. * 이를 HTML에 직접 포함하여 오프라인 상태에서도 미디어가 재생될 수 있도록 합니다. ### 3. 지능적인 CSS 스코프링 내보내기 과정에서 전체 스타일시트를 그대로 사용하는 대신, NoteRich은 "사용된 스타일" 추출 알고리즘을 사용합니다. 이는 노트를 스캔하여 어떤 CSS 규칙이 적용되는지 정확히 식별하고, 가볍고 최적화된 `<style>` 블록을 생성합니다. 이를 통해 파일 크기를 줄이고 로딩 시간을 단축할 수 있습니다. --- ## 💡 내보내기의 모범 사례 * **다이어그램 확인**: 내보내기 전에 모든 Mermaid 또는 ECharts 다이어그램이 정확하게 렌더되었는지 확인하세요. 내보내기 도구는 DOM의 현재 상태를 캡처합니다. * **페이지 분기 사용**: 긴 문서의 경우, PDF에서 섹션이 끝나는 위치를 제어하기 위해 수동 페이지 분기(`/page-break`)를 삽입하세요. * **다양한 장치에서 테스트**: 내보낸 HTML을 휴대폰과 데스크톱에서 열어 반응성을 확인하세요. --- ## ❓ 문제 해결 * **이미지 누락?** 내보내기 전에 모든 로컬 첨부 파일이 성공적으로 업로드되었는지 확인하세요. 이미지가 업로드 중인 경우, 내보내기는 플레이스홀더를 캡처할 수 있습니다. * **파일 크기过大?** 노트에 고해상도 이미지나 비디오가 많다면, Base64 인코딩된 HTML 파일의 크기는 커질 수 있습니다. 더 압축된 형식인 PDF 내보내기를 고려하세요. * **PDF의 포맷 문제?** 인쇄 대화상자에서 해상도를 조정해 보세요(예: 90% 또는 110%)하여 페이지에 더 잘 맞도록 합니다. --- ## 🏁 결론 NoteRich을 사용하면 노트는 단순히 저장되는 것이 아니라, 세계와 공유할 준비가 된 상태입니다. 동료에게 빠른 HTML 스냅샷이 필요한지, 아니면 클라이언트에게 깔끔하고 워터마크 없는 PDF가 필요한지에 관계없이, NoteRich의 내보내기 엔진은 번거롭지 않게 전문적인 결과를 제공합니다. 지금 바로 프로로 업그레이드하여 문서 작업의 잠재력을 최대한 발휘해 보세요. ---