9편: 챗GPT로 프로그래밍 기초 배우기: 코딩 오류 수정 요청하는 법

 컴퓨터 프로그래밍이나 블로그 커스텀 코딩을 처음 접하는 초보자에게 가장 높은 벽은 바로 '에러(오류)'입니다. 책이나 강의를 보고 똑같이 코드를 입력했다고 생각했는데, 화면에 알 수 없는 영문 에러 메시지가 뜨면 가슴이 철렁 내려앉고 어디서부터 손을 대야 할지 막막해집니다. 주변에 물어볼 개발자 친구도 없다면 결국 코딩 공부를 포기하는 원인이 되기도 합니다.

내가 코딩 기초를 공부하며 발견한 챗GPT의 가장 강력한 능력 중 하나는 24시간 언제든 짜증 한 번 내지 않고 오타와 논리 오류를 찾아내 주는 '천재적인 코딩 튜터'의 역할입니다. 구글에 에러 코드를 검색하며 몇 시간씩 헤매던 작업을 챗GPT와 함께하면 단 몇 분 만에 해결할 수 있습니다. 오늘은 챗GPT에게 코딩 오류 수정을 똑똑하게 요청하여 내 코딩 실력까지 함께 키우는 실전 프롬프트 활용법을 공유하겠습니다.

1. 실패하는 코딩 질문과 성공하는 코딩 질문의 차이

챗GPT에게 코딩 오류를 물어볼 때 초보자들이 가장 자주 하는 실수는 에러의 맥락을 생략하고 코드만 툭 던지거나, 반대로 코드 없이 에러 메시지만 보내는 것입니다. 인공지능은 코드가 실행되는 환경이나 원래 만들고자 했던 '목적'을 모르면 엉뚱한 해결책을 제시할 수 있습니다.

⊙ 잘못된 예: "자바스크립트에서 에러 나는데 왜 이래? (코드만 복사 붙여넣기)"

⊙ 좋은 예: "웹사이트에 버튼을 누르면 알림창이 뜨는 자바스크립트 코드를 짰는데, 브라우저 콘솔에 'Uncaught TypeError'라는 에러가 발생해. 내가 작성한 코드와 에러 메시지를 보낼 테니 원인과 해결책을 알려줘."

이처럼 내가 '구현하고 싶었던 기능(목적)'과 '발생한 에러 메시지(결과)'를 명확히 분리해서 알려주어야 챗GPT가 정확한 진단을 내릴 수 있습니다.

2. 에러를 단번에 잡는 3단계 오류 수정 요청 공식

챗GPT에게 오류 수정을 요청할 때는 다음의 3가지 요소를 세트로 묶어서 질문 창에 입력하는 것이 가장 효과적입니다.

⊙ 1단계: 사용 중인 언어 및 환경 명시하기

코딩 언어(HTML, CSS, JavaScript, Python 등)와 실행 환경(워드프레스, 티스토리 블로그, 혹은 특정 프로그램)을 먼저 알려줍니다. 플랫폼마다 코드가 작동하는 방식이 미묘하게 다르기 때문입니다.

⊙ 2단계: 원본 코드와 에러 메시지 첨부하기

문제가 발생한 코드 전체를 복사해서 붙여넣고, 화면에 뜬 에러 문구를 그대로 긁어서 함께 제공합니다.

⊙ 3단계: 단순 수정이 아닌 '원리 설명' 요청하기

답만 받아서 복사 붙여넣기 하면 다음번에 같은 에러가 났을 때 또 챗GPT 의존해야 합니다. 프롬프트 마지막에 "어디가 왜 틀렸는지 비전공자의 눈높이에서 한 줄로 설명해줘"라는 조건을 반드시 붙여야 합니다.

3. 블로그 커스텀에 바로 쓰는 실전 활용 예시

블로그를 운영하다 보면 광고 배치나 레이아웃 수정을 위해 CSS나 HTML을 건드려야 할 때가 많습니다. 이때 유용하게 쓸 수 있는 실전 프롬프트 예시입니다.

"너는 친절한 프론트엔드 개발자야. 워드프레스 블로그의 사이드바 여백을 조절하려고 CSS 코드를 추가했는데, 모바일 화면에서 레이아웃이 완전히 깨져서 출력돼. 내가 작성한 CSS 코드를 보낼 테니, 모바일 화면에서도 깨지지 않도록 미디어 쿼리(Media Query)를 적용해서 수정된 코드를 작성해줘. 그리고 어느 부분을 고쳤는지 주석(//)을 달아서 설명해줘."

이렇게 요청하면 챗GPT는 모바일 화면에 최적화된 깨끗한 코드를 제공할 뿐만 아니라, 주석을 통해 어떤 수치와 속성이 변경되었는지 친절하게 짚어줍니다. 이를 통해 코드가 수정되는 원리를 자연스럽게 학습할 수 있습니다.

인공지능을 활용한 코딩 공부의 핵심은 챗GPT를 단순히 '대신 코드를 짜주는 기계'로 쓰는 것이 아니라, 내 코드를 검사해 주는 '페어 프로그래머(수석 사수)'로 대하는 것입니다. 에러 메시지를 만났을 때 두려워하지 말고, 오늘 배운 공식대로 챗GPT에게 질문을 건네보세요. 코딩이 생각보다 훨씬 만만하고 재미있는 놀이처럼 느껴질 것입니다.

## 핵심 요약

⊙ 챗GPT에게 코딩 오류 수정을 요청할 때는 원래 구현하려던 목적과 구체적인 에러 메시지를 함께 제공해야 답변의 정확도가 올라갑니다.

⊙ 사용 중인 언어(HTML, CSS 등)와 실행 환경(워드프레스, 블로그 등)을 명시하는 것이 올바른 코드 도출의 첫걸음입니다.

⊙ 정답 코드만 복사하는 데 그치지 않고 틀린 이유와 원리를 주석이나 쉬운 설명으로 요청해야 본인의 실질적인 코딩 실력이 향상됩니다.

## 다음 편 예고

다음 글에서는 직장인과 1인 창업자들을 위한 생산성 향상 팁으로, 일상 업무 효율을 극대화하는 비즈니스 이메일 및 보고서 초안 작성 자동화 기술인 '10편: 일상 업무 효율을 높이는 이메일 및 보고서 초안 작성 자동화'에 대해 알아보겠습니다.

## 여러분의 경험을 공유해 주세요!

블로그 레이아웃을 수정하거나 코딩을 공부하면서 가장 우리를 당황하게 만들었던 기억에 남는 에러 메시지나 순간이 있으신가요? 댓글로 여러분의 코딩 도전기를 들려주세요!

댓글

댓글 쓰기

이 블로그의 인기 게시물

카페와 코워킹 스페이스, 디지털 노마드에게 더 좋은 작업 공간은 어디일까?

 디지털 노마드의 가장 큰 장점 중 하나는 원하는 장소에서 일할 수 있다는 점입니다. 하지만 실제로 원격근무를 시작해 보면 어디에서 일하느냐에 따라 집중력과 업무 효율이 크게 달라진다는 것을 느끼게 됩니다. 많은 사람들이 카페에서 노트북을 펼쳐 놓고 일하는 모습을 디지털 노마드의 대표적인 이미지로 떠올립니다. 반면 최근에는 코워킹 스페이스를 이용하는 사람들도 꾸준히 늘어나고 있습니다. 두 공간 모두 장점이 있지만 업무의 성격과 작업 시간에 따라 더 적합한 선택이 달라질 수 있습니다. 저 역시 처음에는 대부분의 작업을 카페에서 했지만, 장시간 집중해야 하는 프로젝트가 많아지면서 코워킹 스페이스도 함께 이용하기 시작했습니다. 두 공간을 번갈아 사용해 보니 각각의 특징이 분명했고, 업무 종류에 따라 선택하는 것이 훨씬 효율적이라는 점을 알게 되었습니다. 이번 글에서는 카페와 코워킹 스페이스의 특징을 비교하고, 어떤 상황에서 활용하면 좋은지 살펴보겠습니다. 카페에서 작업할 때의 장점 카페는 접근성이 좋고 비교적 부담 없이 이용할 수 있는 작업 공간입니다. 분위기를 바꾸고 싶거나 짧은 시간 동안 집중해서 일해야 할 때 이용하기 좋으며, 간단한 문서 작성이나 이메일 확인, 아이디어 정리 같은 업무와도 잘 어울립니다. 또한 주변에 적당한 생활 소음이 있는 환경을 선호하는 사람에게는 오히려 집중력을 높이는 데 도움이 되기도 합니다. 카페 작업이 잘 맞는 업무 블로그 글쓰기 문서 작성 일정 관리 간단한 자료 조사 이메일 확인 및 답변 짧은 시간 동안 처리할 수 있는 업무라면 카페만으로도 충분한 경우가 많습니다. 카페에서 아쉬운 점 카페는 공공장소인 만큼 업무에 제약이 생길 수도 있습니다. 시간대에 따라 사람이 많아 소음이 커질 수 있고, 콘센트가 부족하거나 인터넷 속도가 일정하지 않은 경우도 있습니다. 특히 화상회의나 중요한 통화를 해야 하는 업무라면 주변 환경 때문에 불편함을 느낄 수 있습니다. 또한 장시간 자리를 사용하는 것이 부담스러운 상황도 있을 수 있으므로 매...
자세한 내용 보기

디지털 노마드란 무엇일까? 장소에 얽매이지 않는 새로운 업무 방식

 '디지털 노마드'라는 단어는 이제 낯설지 않습니다. 카페에서 노트북으로 업무를 보거나, 여행지에서도 온라인으로 일하는 모습을 쉽게 접할 수 있습니다. 하지만 디지털 노마드가 단순히 여행을 하며 일하는 사람을 의미하는 것은 아닙니다. 디지털 노마드는 인터넷과 디지털 기술을 활용해 특정 사무실에 출근하지 않고 다양한 장소에서 업무를 수행하는 사람을 뜻합니다. 최근에는 원격근무 문화가 확산되면서 프리랜서뿐 아니라 회사원도 디지털 노마드 형태로 일하는 사례가 늘어나고 있습니다. 저 역시 재택근무와 외부 작업을 병행하면서 느낀 점은, 장소보다 중요한 것은 안정적인 작업 환경과 꾸준한 업무 습관이라는 것이었습니다. 카페가 항상 생산성을 높여주는 것은 아니었고, 오히려 자신에게 맞는 작업 공간을 찾는 과정이 더 중요했습니다. 디지털 노마드의 핵심은 '장소'보다 '업무 방식' 많은 사람이 디지털 노마드를 여행과 연결해 생각하지만, 핵심은 장소의 자유보다 업무의 유연성에 있습니다. 온라인으로 업무를 수행할 수 있다면 집, 공유 오피스, 카페, 도서관 등 어디에서든 일할 수 있습니다. 중요한 것은 인터넷 환경과 필요한 장비, 그리고 원활한 의사소통입니다. 이러한 업무 방식은 출퇴근 시간을 줄이고 자신에게 맞는 작업 환경을 선택할 수 있다는 장점이 있습니다. 어떤 직업이 디지털 노마드에 적합할까? 디지털 노마드는 특정 직업만 가능한 것이 아닙니다. 온라인으로 결과물을 전달하거나 협업이 가능한 업무라면 비교적 적용하기 쉽습니다. 대표적인 예로는 콘텐츠 작성, 번역, 디자인, 영상 편집, 웹 개발, 온라인 마케팅, 고객 지원, 프로젝트 관리 등이 있습니다. 최근에는 원격근무를 지원하는 기업도 늘어나면서 다양한 직군에서 디지털 노마드 형태의 근무가 가능해지고 있습니다. 시작하기 전에 준비해야 할 것 디지털 노마드를 시작하기 위해 가장 먼저 필요한 것은 안정적인 작업 환경입니다. 노트북과 인터넷은 기본이며, 클라우드 저장 서비스와 화상회의 도...
자세한 내용 보기

디지털 노마드를 시작하기 전에 준비해야 할 것들, 안정적인 업무 환경 만들기

 디지털 노마드에 관심을 갖게 되면 가장 먼저 떠오르는 장면은 노트북 하나를 들고 카페나 여행지에서 자유롭게 일하는 모습일 것입니다. 하지만 실제로는 자유로운 업무 환경을 만들기 위해 사전에 준비해야 할 것들이 적지 않습니다. 저도 처음에는 노트북만 있으면 어디서든 일할 수 있을 거라고 생각했습니다. 하지만 막상 외부에서 작업해 보니 인터넷 연결이 불안정하거나 충전할 곳을 찾지 못해 계획이 틀어지는 일이 있었습니다. 그 경험 이후에는 작업 환경을 미리 점검하는 습관이 생겼고, 업무의 안정성도 훨씬 높아졌습니다. 이번 글에서는 디지털 노마드를 시작하기 전에 준비하면 도움이 되는 요소들을 하나씩 살펴보겠습니다. 작업에 적합한 노트북과 기본 장비 준비하기 디지털 노마드에게 가장 중요한 도구는 노트북입니다. 업무 특성에 맞는 성능을 갖춘 제품이라면 최신 고사양 모델이 아니어도 충분한 경우가 많습니다. 문서 작성과 온라인 회의가 주된 업무라면 휴대성이 좋은 노트북이 유리하고, 영상 편집이나 디자인 작업을 한다면 저장 공간과 메모리 용량도 함께 고려하는 것이 좋습니다. 함께 준비하면 유용한 장비로는 다음과 같은 것들이 있습니다. 무선 마우스 노트북 거치대 휴대용 충전기 또는 멀티 어댑터 이어폰이나 노이즈 캔슬링 헤드폰 USB 메모리 또는 외장 SSD 작업 장소가 자주 바뀐다면 가볍고 휴대하기 쉬운 장비를 선택하는 것이 장기적으로 편리합니다. 안정적인 인터넷 환경 확보하기 온라인 업무에서 인터넷 연결은 가장 중요한 기반입니다. 화상회의 중 연결이 끊기거나 파일 업로드가 지연되면 업무에도 영향을 줄 수 있습니다. 외부에서 작업할 때는 카페나 공유 오피스의 와이파이 상태를 확인하고, 필요하다면 스마트폰 테더링이나 휴대용 인터넷 기기를 함께 활용하는 방법도 있습니다. 중요한 회의가 예정되어 있다면 미리 인터넷 속도를 확인해 두는 습관이 도움이 됩니다. 클라우드 서비스를 활용해 자료 관리하기 여러 장소에서 작업하다 보면 파일을 안전하게 관리하는 것이 중요합니다. 클라우드 ...
자세한 내용 보기