- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소   https://warm-wisp-80c7da.netlify.app/ 간단한 메모장간단한 메모장 제목 메모 저장 전체 지우기 저장된 메모warm-wisp-80c7da.netlify.app - 완성화면 (1) 시작화면 (2) 메모 입력화면 (3) 저장화면 (4) 내 컴퓨터에 저장 화면 (5) 저장된 모습(메모장 사이즈에 맞게 저장) - 핵심 코드 설명 (1) HTML 부분 제목 메모 ..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://neon-elf-202055.netlify.app/ 디지털 시계와 알람 neon-elf-202055.netlify.app - 완성화면 (1) 시작화면 (2) 시계 색상 변경 기능 (3) 알람화면 (4) 타이머 화면 (5) 타이머 진행화면 (6) 타이머 종료화면 (알람소리까지 재생됨) - 핵심 코드 설명 (1) HTML 알람 설정 알람 설정 타이머 설정  (2) CSS/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */body { display: flex; justify..

- 사용템플릿(1) Visual Studio Code(2) Github(3) Netlify - 완성된 사이트 주소https://tranquil-squirrel-ee89de.netlify.app/ 최대공약수와 최소공배수 계산기최대공약수와 최소공배수 계산기tranquil-squirrel-ee89de.netlify.app -  완성화면 (1) 시작화면 (2) 오류화면 (최대 입력 값 1000으로 제한) (3) 결과화면 - 핵심코드 설명/* 스타일링: 전체 페이지 배경 색상 및 중앙 정렬 */ body { display: flex; justify-content: center; align-items: center; heig..