← 준비

수업 4/4 ⏱ 5 분

뭔가 작동하지 않을 때

구조 장. 모든 프로그래머는 때때로 막히게 돼. 최고의 프로그래머라도 마찬가지야. 해야 할 일은 다음과 같어.

먼저 가장 중요한 것은

무언가가 작동하지 않으면 그것은 네 잘못이 아니며 너이 아무것도 망가뜨린 것이 아닙니다. 막히는 것은 프로그래밍의 완전히 정상적인 부분야. 전문 프로그래머는 매일 버그를 처리해. 유일한 차이점은 침착하게 버그를 사냥하는 방법을 배웠다는 것야.

황금률: 주의 깊게 읽어보세요

코드에 있는 모든 버그의 90%는 오타야. 컴퓨터는 엄청나게 까다롭어.

-<h1>공장,<hl>그렇지 않어(숫자 1 대 소문자 L) -index.html공장,index. html그렇지 않어 (여분의 공백)

일반적인 딸꾹질과 해결 방법

”페이지가 아닌 일반 텍스트로 열어.”

파일 이름이 지정되지 않았을 수 있어.index.html, 하지만 다음과 같은 것index.html.txt. VS Code에서 파일을 삭제하고 새 파일을 만듭니다. 이름은 정확히 다음으로 끝나야 해..html.

”코드를 변경했지만 페이지에는 아무것도 변경되지 않았어.”

가장 일반적인 두 가지 원인:

  1. 저장하는 것을 잊었어. Ctrl+S(Mac에서는 Cmd+S)를 누르세요. 저장되지 않은 파일의 이름 옆에는 VS Code에서 X 대신 점이 표시돼.
  2. 페이지 새로고침을 잊어버렸어. 브라우저에서 F5를 누르세요.

”페이지에 악센트 문자 대신 이상한 기호가 있어.”

파일 헤더에 해당 줄이 누락되었어.<meta charset="UTF-8">. 사이에 추가해.<head>그리고</head>– 텍스트가 사용하는 문자 집합을 브라우저에 알려줍니다.

”이미지가 보이지 않어. 이미지 아이콘이 깨져 있을 뿐야.”

”갑자기 페이지의 절반이 굵게/크게/파란색으로 표시돼”

어딘가에서 닫는 태그를 잊어버렸어. 예를 들어,<strong>누락되었어</strong>, 그래서 모든 것이 끝까지 대담하게 유지돼. 이상한 점이 시작되는 위치를 찾아 누락된 닫는 태그를 추가해.

아직도 막힐 때

  1. **휴식을 취해.** 진심야. 5분만 창밖을 바라보고 있으면 벌레가 스스로 발견되는 경우가 많어. 심지어 프로들도 이런 일을 해.
  2. **깨진 부분을 큰 소리로 읽으세요.** 어리석게 들리지만 효과가 있어. 큰 소리로 읽으면 눈이 건너뛰는 경향이 있는 부분을 알 수 있어.
  3. **두 번째 눈을 요청해.** 부모, 형제자매, 친구 – 코딩 방법을 알 필요는 없으며 코드를 수업과 비교하기만 하면 돼.
  4. **작은 부분부터 다시 시작해.** 너무 많은 경우 마지막으로 추가한 부분을 삭제하고 페이지가 다시 작동하는지 확인한 다음 다시 추가해. 이번에는 좀 더 천천히 진행해.
  5. 💡
    **기억해:** 버그를 수정하면 더 나은 프로그래머가 될 수 있어. 디버깅은 자질구레한 일이 아니라 지금 당장 구축하고 있는 초능력야.