간단한 CRC 앱
이것은 Class Responsibility Collaborators 카드를 생성하는 간단한 편집기입니다. 나는 Angular 4.0을 배우기 위해 그것을 만들었습니다. 왜냐하면 그것이 새로운 것을 배우는 가장 좋은 방법이기 때문입니다. 저는 미리 만들어진 구성 요소가 많은 Bootstrap과 같은 전체 CSS 프레임워크를 사용하고 싶지 않았기 때문에 Bulma.io에서 일부 스타일을 추출하고 사용자 정의했습니다.
편집기의 일부 기능:
- 모델은 HTML5 웹 저장소를 통해 로컬로 저장되며 서버가 필요하지 않습니다.
- 엔터티, 경계, 컨트롤러 등 다양한 유형의 카드를 정의합니다.
- JSON 파일 내보내기/가져오기.
- 주요 작업에 대한 키보드 단축키입니다.
- 애플리케이션은 공동작업자를 위한 CRC 카드를 자동으로 생성합니다.
- 카드를 거부합니다.
간단한 사용자 가이드:
- 기존 카드를 편집하려면 카드 헤더를 한 번 클릭하세요.
- 카드를 드래그하려면 카드의 본문 영역을 길게 클릭하세요. 키보드 단축키:
- 'CTRL-m': 새 모델을 만듭니다.
- 'CTRL-d': 로컬 웹 저장소에서 현재 모델을 삭제합니다.
- 'CTRL-s': 현재 모델을 로컬 저장소에 저장합니다.
- 'CTRL-o': 로컬 저장소에서 모델을 엽니다.
- 'CTRL-u': 로컬 저장소에 외부 JSON 파일을 업로드합니다.
- 'CTRL-j': 현재 모델을 JSON 파일로 다운로드합니다. Esc는 대화 상자를 닫습니다.
아직 완벽하지는 않지만 이 단계에서는 사용할 수 있습니다. 응용 프로그램이 (아직) 응답하지 않습니다.
추가하고 싶은 몇 가지 기능은 다음과 같습니다.
- jsPdf를 사용한 PDF 내보내기
- SVG 내보내기.
- 어쩌면 자동 레이아웃 기능일 수도 있습니다.
구현하기가 어렵지 않아야 하며 이러한 기능은 실제로 코드 몇 줄이면 됩니다. 코드 기반이 작으므로 해당 기능에 기여하고 싶다면 제가 도와드릴 수 있습니다.
다음은 github의 호스팅 버전에 대한 링크입니다.
