요즘 AWS 서비스들을 이것저것 만지다 보니, 나중이 되면 구조를 까먹을 것 같았다.
그래서 이 구성을 다이어그램으로 만들고 싶은데 draw.io 는 너무 불편했고, 그러던 중 eraser.io를 알게 되어 정리한다.
1. Eraser.io
- 개발자와 기술 팀을 위한 화이트보드 및 문서화 협업 툴
- 일반적인 디자인 툴과 달리 '엔지니어링 워크플로우'에 특화되어 있는 것이 특징
# 핵심 기능
- 다이어그램 코드화 (Diagram-as-Code): 직접 그리는 방식 외에도, 마크다운(Markdown) 스타일의 코드를 입력하면 플로우차트나 시퀀스 다이어그램을 자동으로 생성해 줌
- 캔버스-문서 결합: 화면 왼편에는 문서(노트)를, 오른편에는 화이트보드(그림)를 띄워 놓고 동시에 작업할 수 있어 기획서나 시스템 설계도를 만들기 편리
- AI 기반 생성: "이런 시스템 구조 그려줘"라고 텍스트로 명령하면 AI가 즉석에서 다이어그램 초안을 그려줌
- 개발 환경 통합: GitHub, Slack, Notion 등과 연동되어 문서화된 내용을 팀원들과 쉽게 공유하고 관리할 수 있음
# 주요 용도
- 시스템 아키텍처 설계: 서버 구조나 데이터베이스 스키마 시각화
- 기술 문서 작성: 코드 설명과 다이어그램이 함께 필요한 개발 가이드 제작
- 브레인스토밍: 팀 미팅 시 실시간 아이디어 스케치
2. 사용 화면
- URL : https://app.eraser.io/dashboard/all (회원가입 필요)
Eraser – AI co-pilot for technical design
Deliver accurate, consistent designs faster.
app.eraser.io
1) Generate AI Diagram을 클릭
2) AI prompt를 입력하면 추가 질문을 한다.
3) 생성 내용 확인
- 수작업이 적어져서 만족스럽다!
