Repolode
lewish

lewish/asciiflow

브라우저에서 ASCII 다이어그램을 그릴 수 있는 클라이언트 사이드 웹 앱입니다.

스타
5,968
포크
422
열린 이슈
34
마지막 커밋
3개월 전

어떤 프로젝트인가요?

ASCIIFlow는 ASCII 다이어그램을 그리는 웹 애플리케이션입니다. 전체가 클라이언트 사이드에서 실행되므로 백엔드 서비스 없이 브라우저에서 다이어그램을 만들 수 있습니다. asciiflow.com에서 바로 사용할 수 있습니다.

이 프로젝트는 TypeScript로 작성되었으며 Bazel로 빌드됩니다. 저장소에는 bazel run 명령으로 로컬 개발 서버를 실행하는 방법과, 개발 중 실시간 리로드를 지원하는 선택적 ibazel 사용 방법이 안내되어 있습니다.

MIT 라이선스가 적용된 오픈소스 프로젝트이므로, 편집기를 수정하거나 직접 운영하고 싶은 개발자는 저장소를 클론해 로컬에서 빌드할 수 있습니다.

핵심 기능

  • 01브라우저에서 바로 ASCII 다이어그램을 그립니다.
  • 02백엔드 없이 클라이언트 사이드에서만 실행됩니다.
  • 03TypeScript와 Bazel로 빌드됩니다.
  • 04ibazel을 통한 선택적 실시간 리로드를 지원하는 로컬 개발 서버를 제공합니다.

활용 사례

  • 코드 주석이나 일반 텍스트 문서에 붙여 넣을 아키텍처 다이어그램이나 흐름도를 그릴 때.
  • README 파일이나 설계 노트에 넣을 텍스트 기반 다이어그램을 만들 때.
  • Bazel로 빌드된 TypeScript 웹 앱을 살펴보거나 수정할 때.

빠른 시작

  1. 1

    Bazelisk(Bazel 런처)를 설치합니다

    npm install -g @bazel/bazelisk
  2. 2

    선택 사항으로, 라이브 리로딩을 위해 ibazel을 설치합니다

    npm install -g @bazel/ibazel
  3. 3

    라이브 리로딩을 사용해 개발 서버를 실행합니다

    ibazel run client:devserver

사용 전 알아둘 점

  • 빌드하려면 Bazel 또는 Bazelisk가 필요하므로 기여자가 추가로 설정해야 합니다.

토픽

자주 묻는 질문

asciiflow은(는) 무엇인가요?
브라우저에서 ASCII 다이어그램을 그릴 수 있는 클라이언트 사이드 웹 앱입니다. ASCIIFlow는 ASCII 다이어그램을 그리는 웹 애플리케이션입니다. 전체가 클라이언트 사이드에서 실행되므로 백엔드 서비스 없이 브라우저에서 다이어그램을 만들 수 있습니다. asciiflow.com에서 바로 사용할 수 있습니다.
asciiflow은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
asciiflow은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
asciiflow은(는) 아직 유지보수되고 있나요?
6개월 이내 업데이트. asciiflow의 마지막 커밋은 2026년 7월 13일입니다.
asciiflow은(는) 어디에 사용할 수 있나요?
코드 주석이나 일반 텍스트 문서에 붙여 넣을 아키텍처 다이어그램이나 흐름도를 그릴 때. README 파일이나 설계 노트에 넣을 텍스트 기반 다이어그램을 만들 때. Bazel로 빌드된 TypeScript 웹 앱을 살펴보거나 수정할 때.
asciiflow는 어떻게 설치하나요?
Bazelisk(Bazel 런처)를 설치합니다: npm install -g @bazel/bazelisk 선택 사항으로, 라이브 리로딩을 위해 ibazel을 설치합니다: npm install -g @bazel/ibazel 라이브 리로딩을 사용해 개발 서버를 실행합니다: ibazel run client:devserver
asciiflow은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/lewish/asciiflow

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트