반응형 Todo 앱 - 전체 CRUD 및 LocalStorage 포함
Wikiprompt, 무료 프롬프트 백과사전에서
2025년 12월 11일
반응형 Todo 앱 - 전체 CRUD 및 LocalStorage 포함 기능이 풍부한 할 일 앱을 구축하기 위한 종합적인 프롬프트로, CRUD, 분류, 우선순위, 마감일, localStorage, 검색, 드래그 앤 드롭, 반응형 디자인, 테마 토글을 포함합니다.
프롬프트 내용저장
🌐
반응형 할 일 앱을 HTML5, CSS3 및 순수 JavaScript로 만드세요. 앱은 CSS Grid/Flexbox를 사용한 현대적이고 깔끔한 UI와 직관적인 컨트롤을 갖추어야 합니다. 부드러운 애니메이션과 함께 완전한 CRUD 기능(할 일 추가/편집/삭제/완료)을 구현하세요. 색상 코딩 및 우선순위 수준(낮음/중간/높음)으로 할 일 분류를 포함하세요. 날짜 선택기 구성 요소와 알림 알림이 포함된 마감 날짜를 추가하세요. 세션 간 데이터 지속성을 위해 localStorage를 사용하세요. 상태, 카테고리 및 날짜 범위에 대한 필터가 있는 검색 기능을 구현하세요. HTML5 드래그 앤 드롭 API를 사용하여 할 일의 드래그 앤 드롭 재정렬을 추가하세요. 미디어 쿼리를 사용하여 적절한 중단점으로 완전히 반응형인 디자인을 보장하세요. 사용자 시스템 기본 설정을 존중하는 다크/라이트 테마 토글을 포함하세요. 더 나은 UX를 위해 미묘한 마이크로 인터랙션과 전환을 추가하세요.
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
토론
댓글 0개