50대의 '첫 번째 버그' 극복기: 오류 메시지를 두려워하지 않는 마음가짐
핵심 요약: 코딩을 시작한 지 2주 만에 첫 번째 버그를 만났습니다. 빨간 오류 메시지에 심장이 쿵 내려앉았지만, 그 경험이 가장 중요한 전환점이 됐습니다. 오류를 두려워하지 않는 마음가짐을 어떻게 키웠는지 솔직하게 공유합니다.
첫 버그를 만난 날
코딩을 시작한 지 2주째 되던 날이었습니다. 간단한 버튼 클릭 기능을 만들다가 처음으로 빨간 오류 메시지를 마주쳤습니다.
TypeError: Cannot read properties of undefined (reading 'style')
처음 든 생각은 "내가 뭔가를 망가뜨린 건가?" 였습니다. 30년 직장 생활에서 실수를 최소화하도록 훈련된 제가, 코드 한 줄로 컴퓨터를 망가뜨린 것 같았습니다. 하지만 브라우저를 새로고침하자 페이지가 멀쩡히 살아있었습니다. 오류 메시지는 단지 "이 부분 다시 봐" 라는 신호였을 뿐이었습니다.
오류 메시지 해독법: 두려움에서 단서로
오류 메시지를 읽는 법을 배우니 두려움이 사라졌습니다. 구조를 이해하면 됩니다.
TypeError: Cannot read properties of undefined (reading 'style')
TypeError → 오류 종류: 타입(자료형) 관련 문제
Cannot read properties of undefined → 존재하지 않는 것에서 뭔가 읽으려 했다
(reading 'style') → 'style' 속성을 읽으려 했는데 대상이 없다
즉, 존재하지 않는 HTML 요소를 JavaScript로 조작하려 했다는 뜻이었습니다. 원인을 찾아보니 HTML의 id를 'myButton'으로 썼는데, JavaScript에서는 'my-button'으로 잘못 참조하고 있었습니다. 오타 하나였습니다.
수정 전 (잘못됨)
document.getElementById('my-button').style.color = 'red';
수정 후
document.getElementById('myButton').style.color = 'red';
버그를 무서워하지 않는 3가지 마음가짐
1. 버그는 배움의 증거다
버그가 생긴다는 것은 새로운 것을 시도하고 있다는 뜻입니다. 세계 최고의 개발자들도 매일 버그를 마주합니다. 버그는 실력 부족의 증거가 아니라, 성장하고 있다는 증거입니다.
2. 오류 메시지는 가장 친절한 선생님이다
오류 메시지는 "여기가 잘못됐어, 이런 이유로"를 정확히 알려줍니다. 오류 메시지의 첫 줄을 구글에 그대로 복사해서 검색하면 대부분 해결책을 찾을 수 있습니다.
3. 30분 넘으면 검색하라, 이건 규칙이다
50대 학습자들이 가장 많이 하는 실수는 혼자 해결하려고 너무 오래 매달리는 것입니다. 30분 이상 해결이 안 되면 즉시 검색하거나 ChatGPT에 물어보세요. 이건 포기가 아니라 효율적인 학습법입니다.
자주 만나는 오류 유형과 해결 패턴
ReferenceError: xxx is not defined
변수나 함수를 선언하기 전에 사용하려 했거나, 오타가 있을 때. 선언 위치와 이름 철자를 확인하세요.
SyntaxError: Unexpected token
괄호, 따옴표, 중괄호가 맞지 않을 때. 오류가 발생한 줄 주변의 짝이 맞는지 확인하세요.
TypeError: xxx is not a function
함수가 아닌 것을 함수처럼 호출했을 때. 변수에 올바른 값이 들어있는지 확인하세요.
✅ 버그 극복 체크리스트
- 오류 메시지 전체를 차분하게 읽기
- 오류 메시지 첫 줄을 구글에 검색하기
- 30분 해결 안 되면 ChatGPT나 Stack Overflow 활용
- 해결 후 원인과 방법을 노트에 기록하기