먼저 가장 중요한 것은
무언가가 작동하지 않으면 그것은 네 잘못이 아니며 너이 아무것도 망가뜨린 것이 아닙니다. 막히는 것은 프로그래밍의 완전히 정상적인 부분야. 전문 프로그래머는 매일 버그를 처리해. 유일한 차이점은 침착하게 버그를 사냥하는 방법을 배웠다는 것야.
황금률: 주의 깊게 읽어보세요
코드에 있는 모든 버그의 90%는 오타야. 컴퓨터는 엄청나게 까다롭어.
-<h1>공장,<hl>그렇지 않어(숫자 1 대 소문자 L)
-index.html공장,index. html그렇지 않어 (여분의 공백)
- 모든 시작 태그
<p>자체 폐쇄가 필요해</p>코드를 문자별로 강의의 코드와 비교해. 일반적으로 1분 이내에 실수를 찾아낼 수 있어.
일반적인 딸꾹질과 해결 방법
”페이지가 아닌 일반 텍스트로 열어.”
파일 이름이 지정되지 않았을 수 있어.index.html, 하지만 다음과 같은 것index.html.txt. VS Code에서 파일을 삭제하고 새 파일을 만듭니다. 이름은 정확히 다음으로 끝나야 해..html.
”코드를 변경했지만 페이지에는 아무것도 변경되지 않았어.”
가장 일반적인 두 가지 원인:
- 저장하는 것을 잊었어. Ctrl+S(Mac에서는 Cmd+S)를 누르세요. 저장되지 않은 파일의 이름 옆에는 VS Code에서 X 대신 점이 표시돼.
- 페이지 새로고침을 잊어버렸어. 브라우저에서 F5를 누르세요.
”페이지에 악센트 문자 대신 이상한 기호가 있어.”
파일 헤더에 해당 줄이 누락되었어.<meta charset="UTF-8">. 사이에 추가해.<head>그리고</head>– 텍스트가 사용하는 문자 집합을 브라우저에 알려줍니다.
”이미지가 보이지 않어. 이미지 아이콘이 깨져 있을 뿐야.”
- 코드의 파일 이름을 확인해. 확장자(
photo.jpg와 동일하지 않어photo.JPG또는photo.jpeg). - 이미지는 반드시 동일한 폴더에 있어야 해.
index.html(또는 코드에 작성한 폴더 경로에서images/photo.jpg).
”갑자기 페이지의 절반이 굵게/크게/파란색으로 표시돼”
어딘가에서 닫는 태그를 잊어버렸어. 예를 들어,<strong>누락되었어</strong>, 그래서 모든 것이 끝까지 대담하게 유지돼. 이상한 점이 시작되는 위치를 찾아 누락된 닫는 태그를 추가해.
아직도 막힐 때
💡
**기억해:** 버그를 수정하면 더 나은 프로그래머가 될 수 있어. 디버깅은 자질구레한 일이 아니라 지금 당장 구축하고 있는 초능력야.
© 2026 Ing. Martin Polak / AlgoRhino · 콘텐츠 이용 약관