← 잇티 배움터

카드 이미지 · 바이브코딩 실전 100: 첫 웹서비스를 끝까지

003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기

002에서 만든 집중 타이머를 이어서 제목, 버튼 색, Enter 동작 세 곳을 바꾸고 시작·멈춤·이어 시작·초기화와 입력 검증이 유지되는지 확인합니다.

003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 1쪽
1 / 6
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 2쪽
2 / 6
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 3쪽
3 / 6
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 4쪽
4 / 6
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 5쪽
5 / 6
003/100 · HTML·CSS·JavaScript로 집중 타이머 바꾸기 6쪽
6 / 6

출처 · OpenAI ChatGPT Free Tier FAQ https://help.openai.com/en/articles/9275245-chatgpt-free-tier-faq; Microsoft Help in Notepad https://support.microsoft.com/en-us/windows/apps/help-in-notepad; Apple TextEdit HTML https://support.apple.com/guide/textedit/work-with-html-documents-txted0b6cd61/mac