본문 바로가기
AI

ChatGPT 프로그래밍 코드도 작성

by hfgraphic 2025. 5. 30.
반응형

 

지금까지 우리는 ChatGPT에게 텍스트 작성을 요청하는 다양한 활용 사례를 살펴보았습니다. 하지만 ChatGPT는 단순한 글쓰기 전문가가 아닙니다.

 

그는 프로그래밍 코드도 작성하고, 개발자가 만든 코드의 오류도 수정할 수 있는 능력을 가지고 있습니다.

어떤 프로그래밍 언어든 도와줄 수 있으며, 이번에는 그 중에서도 가장 간단한 예부터 시작해보겠습니다.


예시 1: 

HTML + CSS 내비게이션 바 만들기

 

저는 ChatGPT에게 다음과 같이 요청했습니다:

웹사이트 왼쪽에 위치한 내비게이션 바(nav bar) 코드를 HTML과 CSS로 만들어줘.

출처 입력

바는 밝은 회색이며, 마우스를 올리면 해당 영역이 파란색으로 변해야 해.

출처 입력

HTML과 CSS는 각각 따로 구분해서 작성해줘.

출처 입력

 

그러자 ChatGPT는 다음과 같이 실행했습니다:

  • HTML 코드 전체를 보기 좋게 들여쓰기까지 해서 제공
  • CSS 코드도 따로 정리해서 바로 복사 가능
  • 이 코드를 복사해서 붙여 넣기만 해도 완성된 내비게이션 바 생성 가능

 

한 줄의 코드도 작성하지 않고 원하는 결과물을 얻을 수 있는 놀라운 시간 절약 효과입니다.


단, ChatGPT는 개발자를 완전히 대체할 수는 없습니다.

출처 입력

기초 지식이 있는 사람이 직접 테스트하고, 코드의 의미를 이해하고, 오류가 있으면 수정하는 과정이 필요합니다.

출처 입력


예시 2: 

다른 언어(Ruby)의 반복문 생성 요청

 

이번엔 루비(Ruby) 언어로 간단한 루프를 요청해봤습니다:

 

1부터 10까지 숫자를 출력하는 루프를 루비로 만들어줘.

출처 입력

 

ChatGPT는 두 가지 방식의 루프 예시를 보여줍니다.

이렇게 다양한 언어에 대해 응답할 수 있고, 코딩 관련 요청에 빠르게 실행 가능한 코드로 응답합니다.


예시 3: 

오류 디버깅

 

ChatGPT는 오류 디버깅에도 매우 유용합니다.

  • 사용자는 자신의 코드를 붙여넣고
  • 무엇을 하려는지 설명하고
  • 발생하는 에러 메시지를 같이 알려주면,
  • ChatGPT는 해결 방법을 제시하거나, 코드를 수정해 줍니다.

 

이는 Stack Overflow 같은 개발자 커뮤니티보다 훨씬 빠르고 직관적입니다.

Stack Overflow에서는 비슷한 상황을 찾아도 완전히 일치하는 해결책을 찾기 어려워 수십 분~수 시간이 걸릴 수 있기 때문입니다.


이렇게 ChatGPT는 개발 보조 도구로서도 매우 유용하며,

기초적인 지식만 있더라도 많은 작업을 훨씬 빠르게 수행할 수 있도록 도와줍니다.


마무리

 

이것으로 ChatGPT 활용의 첫 번째 섹션을 마무리합니다.

여기까지는 주로 기본적인 프롬프트실용적인 활용 사례를 소개했으며,

 

**다음 섹션에서는 ChatGPT를 한 단계 더 깊게 활용할 수 있는 ‘동적 프롬프트(Dynamic Prompt)’**에 대해 배워보겠습니다.

 

반응형