Claude Artifacts가 누구나 모든 기기에서 사용이 가능해져서 초간단 투두리스트를 만들어 보았습니다.
오직 Claude 하나만 사용하여 개발한 결과를 공개합니다.
우선 필요한 것들을 기준으로 A4에 간단하게 스케치하고 화면 capture 한 후 첨부하고 다음과 같이 개발 조건을 작성하였습니다.
"할일 목록"를 간단하게 개발하려고 해
1. 할일 목록 기능
1) 우측 하단에 "할일추가" 클릭하면 신규 데이터 입력 가능하게 할 것
2) 할일 항목 : 모두(기본값), 진행 중, 완료, 개인, 업무, 쇼핑, 건강 -> DropDown 방식
3) 구분 : 기본(기본값), 우선순위, 마감일 -> DropDown 방식
4) 리스트 중에서 체크 표시하면 리스트에서 사라지고 '완료'로 Tasks 변경
2. "할일추가" 클릭 시 화면 (신규 데이터 입력 화면)
1) 카테고리 : 개인, 업무, 쇼핑, 건강
2) 우선순위 : 낮음, 중간, 높음
3) 캘린더 : 체크 표시로 캘린더 팝업 화면 보여줄 것
4) "할일 추가" 클릭 시 1번에 있는 "할일 목록"의 리스트에 추가될 것
3. 디자인
1) "Tailwind css"를 호출해서 css를 구성해줘
2) "Material Theme Builder"에 어울리는 컬러로 텍스트 컬러 반영해줘
중간에 css 오류, 빈화면 출력 등 다수의 오류가 발생하였지만 Claude에게 오류 수정을 부탁하여 최종적으로 얻은 결과를 공유합니다.
https://claude.site/artifacts/e1e63099-974a-47c0-9da6-7b4f157f8333
감사합니다.^^