7.2.2 AI의 개발 과정 확인하기
계획대로 커서가 개발을 시작합니다. ① 파일을 순서대로 생성하고, ② 코드를 구현합니다. ③ HTML 구조를 만들고, ④ CSS로 스타일링하고, ⑤ 자바스크립트로 인터랙션을 추가하고, ⑥ 마지막으로 프로젝트 문서를 작성하는 과정을 단계별로 진행합니다.
출력
To-dos
index.html 파일 생성(시맨틱 구조, 메타 태그, 4개 섹션)
styles/main.css 생성(커서 시스템, 반응형 레이아웃, 애니메이션)
scripts/main.js 생성(스크롤 애니메이션, 폼 검증)
README.md 생성(프로젝트 설명 및 실행 방법)
개발이 완료되면 완료된 내용은 줄이 그어지는 것을 확인할 수 있습니다. 이 순서나 내용은 달라질 수 있다는 점을 참고해 주세요.
기본 HTML 구조 생성(히어로, 콘텐츠 카드, CTA 섹션)
CSS 스타일링(밝은 톤 색상, 모바일 반응형, 애니메이션)
JavaScript 인터랙션(스크롤 애니메이션, 부드러운 효과)