# 온라인 노트 작성의 특징과 장점 디지털 혼란이 디지털 창작과 마찬가지로 흔해진 이 시대에, 성능, 개인정보 보호, 간편함을 겸비한 노트 작성 도구를 찾는 것은 어려운 일입니다. **NoteRich**는 강력한 리치 텍스트 편집기와 "로컬 우선" 아키텍처를 결합하여 온라인 노트 작성 경험을 재정립합니다. 연구를 정리하는 학생이든, 코드를 기록하는 개발자이든, 이야기를 구상하는 창의적인 작가이든, NoteRich는 데이터 주권을 희생하지 않고 생각을 포착하고, 정리하고, 검색할 수 있는 도구를 제공합니다. --- ## 🚀 왜 NoteRich를 선택해야 할까? ### 1. 로컬 우선 개인정보 보호 및 보안 원격 서버에 데이터를 저장하는 전통적인 클라우드 기반 앱과는 달리, NoteRich는 개인정보 보호를 최우선으로 합니다. * **데이터 주권**: 노트는 브라우저의 IndexedDB에 로컬로 저장됩니다. 데이터는 당신의 것입니다. * **엔드투엔드 암호화**: 데이터를 공유하거나 백업할 때, 데이터는 AES-GCM 암호화로 보호됩니다. * **서버 의존성 없음**: 오프라인 상태에서도 전체 기능을 즐길 수 있습니다. P2P를 통해 시작하거나 수동으로 내보낼 때만 동기화가 이루어집니다. ### 2. 강력한 리치 텍스트 편집기 현대적인 모듈식 아키텍처를 기반으로, 우리의 편집기는 단순한 텍스트를 넘어섭니다. * **듀얼 모드 편집**: **리치 텍스트**로 세련된 문서를, **마크다인**으로 빠르고 코드 친화적인 입력을 원활하게 전환할 수 있습니다. * **스마트 슬래시 명령어**: `/`를 입력하면 즉시 표, 차트, 코드 블록, AI 어시스턴트를 삽입할 수 있습니다. * **고급 포맷팅**: 맞춤형 글꼴과 색상 선택기부터 셀 합치기 기능을 포함한 복잡한 표 구조까지, 문서의 외관을 완전히 제어할 수 있습니다. ### 3. 지능적인 지식 관리 NoteRich는 단순한 저장소가 아닙니다. 생각을 함께하는 동반자입니다. * **AI 기반 RAG**: 노트와 대화할 수 있습니다. 로컬 검색 강화 생성(RAG) 엔진을 사용하면 자신의 전체 지식 기반에 대해 질문할 수 있으며, 개인 데이터로부터 합성된 답변을 얻을 수 있습니다. * **스마트 검색**: 다국어 토큰화와 N-그램 부정확한 매칭을 통해, 수천 개의 노트 중 특정 생각을 즉시 찾을 수 있습니다. * **시각적 정리**: 동적 태그 구름, 양방향 링크, 작업 공간 격리를 사용하여 다양한 프로젝트를 분리하면서도 연결시킬 수 있습니다. --- ## 🛠️ 주요 기능 요약 ### 📝 다양한 콘텐츠 제작 NoteRich는 모든 필요에 맞는 다양한 콘텐츠 유형을 지원합니다: | 기능 | 설명 | | :--- | :--- | | **코드 블록** | 50개 이상의 언어에 대한 구문 강조 기능과 테마 전환 기능이 있습니다. | | **수학 및 공식** | 복잡한 수학적 표현을 위한 네이티브 LaTeX 지원이 있습니다. | | **도표 및 차트** | Mermaid 플로우차트, ECharts 데이터 시각화, Graphviz 그래프를 직접 포함할 수 있습니다. | | **멀티미디어** | 이미지, 첨부 파일을 드래그 앤 드롭하고 YouTube/Twitter/Figma 콘텐츠를 포함할 수 있습니다. | | **화이트보드** | 자유 손 그림과 다이어그램을 위한 통합된 Excalidraw가 포함되어 있습니다. | ### 🔄 원활한 동기화 및 공유 * **P2P WebRTC 동기화**: 보안 링크나 QR 코드를 사용하여 장치 간에 개별 노트나 전체 데이터베이스를 직접 공유할 수 있습니다. 중앙 서버는 필요 없습니다. * **작업 공간 격리**: 격리된 데이터베이스와 검색 인덱스를 사용하여 여러 프로젝트를 관리할 수 있습니다. URL 매개변수를 통해 즉시 컨텍스트 전환이 가능합니다. * **암호화된 백업**: `.nrs` 파일로 전체 데이터베이스를 백업할 수 있으며, 비밀번호 보호 기능이 있어 안전하게 보관할 수 있습니다. ### ⚡ 성능 최적화 * **대용량 파일 처리**: MsgPack을 사용한 최적화된 직렬화로 인해 대용량 첨부 파일도 원활하게 처리할 수 있습니다. * **리젝티드 로딩**: 이미지와 무거운 구성 요소는 필요할 때만 로드하여 UI를 빠르게 유지합니다. * **효율적인 인덱싱**: FlexSearch 통합을 통해 라이브러리가 수만 개의 노트로 성장해도 검색 속도가 유지됩니다. --- ## 📊 지식을 시각화 NoteRich는 아이디어 간의 연결을 볼 수 있도록 도와줍니다. 프로젝트 타임라인이든 개념 맵이든, 노트 내에서 데이터를 직접 시각화할 수 있습니다. ```mermaid graph TD A[Your Ideas] --> B(NoteRich Editor) B --> C{Local Storage} C --> D[IndexedDB] C --> E[Auto-Backup] B --> F[AI Assistant] F --> G[RAG Query] G --> H[Synthesized Answer] style A fill:#f9f,stroke:#333,stroke-width:2px style H fill:#bbf,stroke:#333,stroke-width:2px ``` --- ## 🎯 NoteRich는 누구를 위한가? * **학생 및 연구자**: 강의 노트를 정리하고, 출처를 인용하며, AI를 사용하여 긴 논문을 요약할 수 있습니다. * **개발자**: 구문 강조와 함께 코드 조각을 기록하고, Mermaid 다이어그램으로 기술 사양을 만들며, 프로젝트 로그를 관리할 수 있습니다. * **작가 및 창의적인 사람들**: 방해받지 않는 작성 모드, 강력한 개요 도구, 원활한 미디어 포함 기능이 있습니다. * **개인정보 보호 지지자**: 개인 데이터의 통제권을 희생하지 않고 현대적인 앱의 편의성을 원하는 사람들입니다. --- ## 🏁 지금 시작해보세요 로컬 우선 노트 작성의 자유를 경험해보세요. NoteRich는 브라우저에서 직접 사용할 수 있습니다. 설치은 필요 없습니다. 1. **앱 실행**: [NoteRich.com](https://noterich.com/app/)를 방문하여 첫 번째 노트를 시작하세요. 2. **기능 탐색**: `/` 명령을 사용하여 차트를 삽입하거나 AI 어시스턴트에게 질문을 할 수 있습니다. 3. **데이터 보호**: 자동 백업 디렉터리를 설정하거나 다른 장치와 P2P 동기화를 시도해보세요. 노트를 강력하고 개인적인 두 번째 뇌로 바꾸는 사용자 커뮤니티에 합류하세요. --- <div class="flex flex-wrap gap-2 mt-8 mb-12"> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">로컬 우선</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">개인정보 보호</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">리치 텍스트</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">PKM</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">P2P</span> <span class="px-3 py-1 bg-[#f4f4f5] border border-[#eaeaea] rounded-full text-xs font-medium text-[#666]">AI RAG</span> </div>