운동 기록 앱 만들기

[소개] PWA로 앱 만들었어요. [진행 방법] 사용한 AI 도구: 클로드(Claude)　 1. 선생님이 준 프롬프트 그대로 넣었어요. (앱 이름: 시이나는운동) 웹앱을 HTML로 만들어줘. 기능: 1. 항목추가/삭제 2. 내용 입력 후 저장 3. 날짜, 시간 자동 표시 디자인: (깔끔하게, 요가, 힐링 느낌) 색상: (초록, 힐링 느낌) 아이콘: - 모양: (요가 자세) - 색상: (전체 색상 초록과 잘 어울리는 보색으로) - 배경: (자연 이미지) 192x192, 512x512 두 가지 크기로 만들어줘 조건 (건드리지 마세요): - 아티팩트로 미리보기 해줘

2. 두번째 선생님의 프롬프트 이걸 PWA로 바꿔줘. 조건: - manifest.json, service-worker.js, icons 폴더 포함 - 파일을 index.html / manifest.json / service-worker.js / icons 로 나눠서 각각 보여줘 - 아티팩트로 미리보기 해줘

요가 이미지를 바꾸어 싶어 예시를 넣어줬는데 더 이상하게 만들어줬어요.

클로드는 이미지는 역시 별로에요. 그냥 원래대로 다시 일단 만들게 했어요. [결과와 배운 점] 앱 만들기가 정말 쉽네요. 그렇지만 수정하는 과정이 맘대로 잘 안되어서 답답하긴 했어요. 자꾸 수정하면서 프폼프트 작성하는 요령을 익혀야겠어요.