AI랑 같이하는 코딩

  • 홈
  • 태그
  • 방명록

습관체크리스트 1

[바이브코딩 HTML 웹앱 20일 챌린지] 12일차 - 매일 반복할 습관 체크리스트 만들기

12일차에서는 매일 반복하는 습관을 체크할 수 있는 목록을 만듭니다. 할 일은 그날그날 바뀌지만, 습관은 반복된다는 점이 다르기 때문에 고정 항목 + 체크 상태 저장 흐름을 따로 구현하는 것이 핵심입니다.오늘 기능이 들어가면 하루 관리 웹앱이 단기 작업 관리에서 생활 루틴 관리까지 확장됩니다. 초보자도 체크박스 이벤트와 localStorage 저장 패턴을 재사용해 안정적으로 구현할 수 있습니다.목차1. 오늘 만들 기능 소개2. AI에게 요청할 프롬프트3. 코드 작성과 실행 과정4. 코드 이해하기5. 오늘 만든 내용 정리6. 자주 묻는 질문7. 다음 단계로 이어가기1. 오늘 만들 기능 소개오늘은 물 마시기, 스트레칭, 책 읽기 같은 습관 항목을 고정 리스트로 표시하고, 항목별 체크 상태를 저장/복원하는 기..

바이브코딩 HTML 웹앱 20일 챌린지 2026.05.10
이전
1
다음
더보기
프로필사진

AI랑 같이하는 코딩

코딩을 완벽히 몰라도 괜찮습니다. AI와 대화하며 HTML, CSS, JavaScript로 작은 웹앱을 하나씩 만들어가는 바이브코딩 기록 블로그입니다.

  • 분류 전체보기 (79) N
    • 바이브코딩 HTML 웹앱 20일 챌린지 (20)
    • 바이브코딩 개념사전 (10)
    • 바이브코딩 워크플로우 (10)
    • 바이브코딩 프롬프트 실험실 (10)
    • 바이브코딩 오류 해결 노트 (10)
    • 바이브코딩 코드 리뷰 Before & After (10)
    • 바이브코딩 실무 웹도구 제작 노트 (9) N

최근글과 인기글

  • 최근글
  • 인기글

공지사항

Archives

Calendar

«   2026/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

Copyright © AXZ Corp. All rights reserved.

티스토리툴바