ArtifactView: JSX, HTML & Docs

ArtifactView를 사용하면 컴퓨터 없이도 Android 기기에서 .jsx, .tsx, .html, .txt, .md 파일을 직접 열고 미리 볼 수 있습니다.

Claude 아티팩트를 내보냈거나, React 프로토타입을 저장했거나, 이동 중에 테스트해 볼 HTML 파일을 받았거나, 휴대폰에서 메모나 Markdown 문서를 읽고 싶을 때, ArtifactView는 이러한 파일들을 전체 화면 뷰어로 보여줍니다. JSX와 TSX 파일은 React 지원 기능이 내장되어 있어 오프라인에서도 실행 가능합니다. 텍스트 및 Markdown 파일은 읽기 쉬운 서식과 내장 검색 기능을 제공합니다. 파일은 기기에 안전하게 저장되며, 작업 중인 내용도 그대로 유지됩니다.

대상 사용자
• 다운로드 또는 공유된 아티팩트(.jsx, .tsx, .html)를 여는 Claude 사용자
• 실제 휴대폰에서 구성 요소 및 UI 프로토타입을 미리 보는 개발자
• 상태를 로컬에 저장하는 경량 대화형 도구(작업 보드, 양식, 대시보드)를 실행하는 모든 사용자
• 모바일에서 .txt 및 .md 파일을 읽고 작성하며 파일 내에서 빠르게 검색하려는 사용자

주요 기능
• 파일 관리자, 최근 파일 또는 다른 앱의 "연결 프로그램"에서 .jsx, .tsx, .html, .txt 및 .md 파일을 열 수 있습니다.
• 오프라인 JSX/TSX 렌더링 - React 및 Babel이 앱 내에서 실행됩니다. 파일을 보는 데 인터넷 연결이 필요하지 않습니다.
• 마크다운 렌더링 - 제목, 목록, 코드 블록 및 링크가 깔끔하게 표시됩니다.
• .txt 및 .md 파일용 내장 검색 기능 - 입력하는 동안 텍스트를 찾고 일치하는 항목 간에 이동할 수 있습니다.
• 아티팩트가 localStorage를 사용하는 경우 데이터 지속성 - 작업 데이터, 폼 값 및 구성 요소 상태가 세션 간에 유지됩니다.
• 빠른 다시 열기를 위한 최근 파일 목록; 원하는 경우 개별 파일을 제거하거나 모두 지울 수 있습니다.
• 간단한 홈 화면이 있는 전체 화면 뷰어 - 파일을 탭하여 보고 뒤로 가기를 탭하여 목록으로 돌아갑니다.
• 파일에 인쇄 및 다운로드 기능이 포함된 경우 인쇄 및 다운로드를 지원합니다.

사용 방법
1. ArtifactView를 열고 파일을 선택하거나 지원되는 파일에서 "다음으로 열기"를 사용합니다.
2. JSX, TSX 및 HTML은 전체 화면 뷰어에서 오프라인으로 렌더링됩니다. 텍스트 및 마크다운 파일이 읽기 쉬운 레이아웃으로 열립니다.
3. .txt 및 .md 파일의 경우 검색창을 사용하여 문서에서 단어나 구문을 찾을 수 있습니다.
4. 파일이 상태를 저장하는 경우(예: localStorage를 통해) 앱을 닫았다가 다시 열어 중단했던 부분부터 이어서 작업할 수 있습니다. 모든 데이터는 기기에 로컬로 저장됩니다.

개인정보 보호
ArtifactView는 사용자의 데이터를 수집하지 않습니다. 파일과 저장된 상태는 기기에 보관됩니다. 계정, 광고, 분석 도구가 없습니다.

다음과 같은 용도에 적합합니다.
• 모바일에서 Claude 아티팩트 및 React 내보내기 미리보기
• 오프라인에서 HTML 데모 및 인터랙티브 프로토타입 보기
• 파일로 공유된 JSX/TSX 컴포넌트 테스트
• 이동 중 README, 메모 및 마크다운 문서 읽기
• 로컬 영구 저장소를 사용하는 간단한 도구(작업 보드, 계산기, 양식) 휴대

참고: ArtifactView는 사용자가 선택한 파일을 엽니다. 파일에 외부 웹사이트에 연결하는 스크립트가 포함된 경우, 해당 요청은 앱 개발자가 아닌 파일 자체에서 이루어집니다.