DDZIP STUDIO

03 / WINDOWS APP · PERSONAL PROJECT

DDZIP Canvas

생각을 정리하기 전에,
일단 펼쳐두세요.

메모와 참고 이미지를 여러 앱에 흩어 놓고 작업하는 사람을 위한 Windows 앱입니다. 커다란 빈 보드에 자료를 놓고, 관련 있는 생각끼리 선으로 연결합니다.로그인이나 인터넷 없이 사용하며, 작업 내용은 내 PC에 저장합니다.

누가·언제 쓰나
혼자 아이디어와 자료를 정리할 때 · Windows 10/11 PC
담당 범위
제품 기획 · 화면과 사용 흐름 설계 · AI 활용 구현 · 테스트·설치 파일 제작
기술과 용도
React · TypeScript / 화면, Tauri · Rust · SQLite / 로컬 앱과 저장
AI 생성 콘셉트 이미지 · 실제 앱 화면은 아래에서 확인할 수 있습니다.
AI 생성 콘셉트 이미지 · 실제 앱 화면은 아래에서 확인할 수 있습니다.

THE STARTING POINT

메모는 저기에,
이미지는 또 다른 앱에.

자료를 옮기느라 생각의 흐름이 끊겼습니다. 정리 도구를 배우기 전에, 떠오른 것을 바로 꺼내 놓을 수 있으면 좋겠다고 생각했습니다.

그래서 기능을 더 많이 넣기보다 ‘기록하고, 필요할 때 연결하기’에 집중했습니다. 개인 작업에 필요하지 않은 로그인과 클라우드 설정은 제품 범위에서 덜어냈습니다.

DECISIONS / 01—02

더 많이가 아니라,
더 편하게 이어가도록.

01

메모 하나 쓰는데, 선택지가 너무 많다면?

문제
기록하려는 순간마다 도구와 속성을 골라야 한다면 생각보다 조작에 집중하게 됩니다.
선택
메모와 이미지를 바로 꺼내 쓰고, 생각을 가지처럼 연결하는 마인드맵을 쉽게 만들도록 했습니다. 선택한 항목의 색상·글자 등을 바꾸는 설정 패널(인스펙터)은 단순하게 줄였습니다.
변경
텍스트 줄바꿈, 휠 이동·확대, 새 항목의 삽입 위치와 마인드맵 가지 입력을 반복적으로 다듬었습니다.
결과물
실제 보드 화면에서 입력 도구, 연결선과 보드 전환이 함께 작동하는 구성을 볼 수 있습니다.
02

기록 도구에서 가장 잃고 싶지 않은 것은, 기록.

문제
새 기능이 많아도 작업 내용이 사라지면 개인 작업실로 믿고 쓰기 어렵습니다.
선택
화면 조작과 별도로 저장·복구·백업을 제품의 기본 기능에 포함했습니다.
변경
입력이 잠시 멈추면 자동 저장을 시작합니다. 변경 내역을 남기는 복구 저널, 특정 시점의 상태를 보관하는 스냅샷, 최근 7일 자동백업도 두었습니다.앱을 새 버전으로 바꿀 때 기존 작업이 유지되는 과정까지 설계했습니다.
결과물
자동 저장부터 복구 기록, 백업과 업그레이드까지 작업을 이어가기 위한 보호 장치를 갖췄습니다.

MAKING NOTES

제작 방식과 수록 자료

소개용 이미지

대표 이미지는 앱의 기록·연결 경험을 표현한 AI 생성 이미지입니다.

실제 제품 화면

갤러리에는 앱에서 직접 캡처한 화면과 실제로 내보낸 보드 원본을 담았습니다.

개발 협업 기록

개발에 사용한 AI 도구와 구체적인 작업 범위는 확인 후 추가할 예정입니다.

EVIDENCE & LIMITS

테스트 구성과 확인 범위

테스트 구성

프로젝트 소개 기준, 프런트엔드 225개와 Rust 18개로 총 243개의 자동화 테스트를 구성해 통과했습니다.

항목이 많은 보드도 검사

메모 같은 보드 항목(노드) 1,000개, 연결선 600개, 이미지의 크기·경로 등 정보 200개로 테스트를 구성했습니다. 코드를 바꾼 뒤 기존 기능에 문제가 생기지 않는지 확인하기 위한 검사입니다.

잠깐 멈추면 자동 저장

입력이 0.6초(600ms) 동안 없으면 자동 저장을 시작합니다. 저장이 끝나는 데 걸린 시간이 아니라, 저장을 시작하는 조건입니다.

수치는 프로젝트 제작 소개 기준입니다. 테스트 243개가 모든 코드를 검사했다는 뜻은 아니며, 이미지 정보 200개가 실제 고해상도 이미지 200장을 동시에 띄웠다는 뜻도 아닙니다. 이번 사이트 개편에서 앱 테스트를 다시 실행하지는 않았습니다.

FROM IDEA TO SOMETHING REAL

생각을 놓치지 않고,
다음 생각으로 이어지도록.