Practice 피드백 루프

처음 실습은 작은 확인 루틴으로 속도를 만든다

파일을 만든 뒤에는 한 번에 많은 코드를 고치기보다 저장, 화면 확인, 콘솔 점검, 작은 수정 순서를 반복하면 원인을 놓치지 않습니다.

S
저장 파일 이름과 확장자를 확인하고 모든 변경을 저장합니다.
R
새로고침 Live Server 또는 브라우저 새로고침으로 최신 파일을 봅니다.
V
화면 비교 예상한 제목, 버튼, 색상이 실제 화면과 맞는지 확인합니다.
C
콘솔 확인 오타, 파일 경로 오류, JavaScript 예외가 표시되는지 봅니다.
F
작게 수정 한 번에 하나씩 바꾸고 같은 순서로 다시 검증합니다.

막힐 때 보는 증상표

화면이 비어 있음 `index.html` 위치와 파일 열기 방식을 먼저 확인합니다.
스타일이 안 보임 CSS 경로, 선택자 이름, 저장 여부를 차례로 봅니다.
클릭이 안 됨 스크립트 로드 위치와 콘솔 오류 메시지를 확인합니다.

실습 기록에 남길 것

  • 어떤 파일을 수정했는지 한 줄로 적습니다.
  • 예상 화면과 실제 화면의 차이를 짧게 기록합니다.
  • 콘솔에 나온 오류 문구와 해결한 방법을 함께 남깁니다.

초반 원칙: 환경 문제는 복잡하게 보이지만 대부분 저장, 경로, 새로고침, 콘솔 중 하나에서 단서가 나옵니다.