AI로 첫 앱 만들기: 메모 삭제 뒤 되돌리기를 설계하는 순서

English version of this article

메모 앱에서 삭제 버튼을 만들 때는 삭제 직후의 화면까지 함께 정해 보세요. 바로 되돌리기를 둘지, 휴지통에서 복원하게 할지에 따라 보관할 데이터와 확인할 동작이 달라집니다. 이 글은 개인 메모 앱을 위한 설계 연습입니다.

1. 삭제의 의미를 먼저 정하기
목록에서 숨기는 것, 휴지통으로 옮기는 것, 저장소에서 지우는 것은 서로 다른 동작입니다. 첫 버전에서는 휴지통으로 옮기고 사용자가 다시 복원할 수 있게 하는 방식을 선택할 수 있습니다. 안내 문구도 ‘휴지통으로 이동했습니다’처럼 실제 동작에 맞춥니다.

2. 복원에 필요한 정보
메모의 식별자, 제목, 본문, 원래 정렬 기준, 휴지통으로 이동한 시각을 생각해 봅니다. 같은 제목의 메모가 두 개 있어도 구분할 수 있도록 식별자를 사용합니다. 복원할 때는 새 메모를 추가하는지, 기존 항목의 상태를 바꾸는지도 정합니다. 아래 예시에서는 같은 식별자를 유지하고 활성 목록으로 돌려놓습니다.

3. 되돌리기와 휴지통의 역할
화면 아래 짧은 안내는 방금 한 동작을 바로 취소할 기회입니다. 휴지통 화면은 나중에 다시 찾아 복원하는 통로입니다. 안내가 사라지는 시간과 실제 데이터를 보관하는 기간은 구분하세요. 안내가 닫혀도 휴지통에서 복원할 수 있다면 그 사실을 알려 줍니다. 구체적인 보관 기간은 앱 정책으로 별도 결정합니다.

4. AI에게 전달할 요청문
“메모 앱에 휴지통 기능을 추가해 주세요. 삭제 버튼은 휴지통 상태로 바꾸고 안내에 ‘되돌리기’를 보여 주세요. 복원은 기존 식별자를 유지하며 목록에 한 번만 나타나게 해 주세요. 휴지통 목록에서도 복원할 수 있어야 합니다. 영구 삭제와 자동 정리는 이번 범위에서 제외하고, 새로고침 뒤에도 휴지통 상태가 유지되게 해 주세요.”

5. 이렇게 동작을 확인하세요
제목이 같은 메모 두 개를 만든 뒤 하나만 휴지통으로 보냅니다. 되돌리기를 눌러 정확한 항목이 돌아오는지 확인합니다. 이어서 다른 메모도 이동한 뒤 각각 복원합니다. 페이지를 새로고침하고 휴지통과 활성 목록에 같은 항목이 동시에 나타나는지 살펴봅니다.

서버와 동기화하는 앱이라면 다른 기기에서 같은 메모를 수정하는 상황도 별도로 설계해야 합니다. 이번 예시는 단일 사용자의 기본 흐름에 집중합니다. 제시한 확인 항목은 앞으로 수행할 체크리스트이며 실제 앱의 통과 결과를 의미하지 않습니다.