<aside> <img src="/icons/link_gray.svg" alt="/icons/link_gray.svg" width="40px" />

링크

:chatgpt_made: ChatGPT 열기

</aside>

<aside> 📌

목차


메인 페이지

1️⃣ ChatGPT란 무엇인가?

2️⃣ 프롬프트 작성 원칙

3️⃣ 코딩에 생성형 AI 활용

</aside>

<aside> <img src="/icons/circle-alternate_gray.svg" alt="/icons/circle-alternate_gray.svg" width="40px" />

by 김판다


프로필_원형_290_290_유튜브등.jpg

데이터 분석 강사

<aside>

:eye_made: PC 환경에 최적화되어 있습니다.


📌 코딩은 명확하지 않은 프롬프트도 효과적으로 처리할 수 있는 분야이므로, 생성형 AI를 활용이 필수입니다.

</aside>

1. IDE에 탑재된 AI 활용

<aside> <img src="/icons/dialogue_red.svg" alt="/icons/dialogue_red.svg" width="40px" />

IDE통합 개발 환경을 의미하며, 입문자는 이를 코딩 프로그램이라고 이해하면 됩니다.

</aside>

최근 많은 IDE에서 생성형 AI가 기본적으로 탑재되거나 플러그인 형태로 제공되고 있습니다. 대표적인 예로 구글 코랩Gemini AI를 내장하여 코드 작성 및 최적화 지원 기능을 제공합니다. 이러한 AI 도구들은 코드를 자동으로 추천하거나 문법 오류를 수정해 주는 등, 개발자의 작업을 보다 효율적으로 만들어 줍니다.

구글 코랩의 Gemini 활용

<aside> <img src="/icons/link_gray.svg" alt="/icons/link_gray.svg" width="40px" />

구글 코랩에서 Gemini 사용을 실습하려는 분들은 다음 링크를 참고하세요.


:코랩_made: 구글 코랩 열기

✔️ 구글 코랩 가이드

</aside>

구글 코랩의 Gemini를 활용해 에러를 해결하는 과정은 다음과 같습니다.

<aside>

  1. 다음 코드에서 에러가 발생했습니다.

    x = 01  # SyntaxError
    
  2. 구글 코랩 내에서 Gemini를 호출합니다.

    chatgpt03.jpg

  3. Gemini에 다음 프롬프트를 입력하여 에러를 해결합니다.

    <aside> <img src="/icons/subtitles_blue.svg" alt="/icons/subtitles_blue.svg" width="40px" />

    에러 해결 방법을 한글로 설명해.

    </aside>

위와 같은 과정으로 손쉽게 에러를 해결할 수 있습니다. Gemini 외에도 Cursor, GitHub Copilot 등 다양한 AI 도구가 IDE와 통합되어 코드 추천, 문법 오류 수정, 코드 리뷰 등의 기능을 제공합니다.

</aside>

2. ChatGPT 활용한 코드 작성 및 문제 해결

코드를 작성하는 과정에서 ChatGPT를 활용하면 더욱 직관적인 도움을 받을 수 있습니다. ChatGPT는 질문과 답변을 보존할 수 있는 스레드 기능이 있어, 이후에도 다시 참고할 수 있다는 장점이 있습니다.

ChatGPT 활용

<aside>

  1. 스크린샷으로 질문 에러 발생 화면을 Windows 키 + Shift + S를 눌러 스크린샷을 찍은 후, ChatGPT 프롬프트 창에서 Ctrl + V를 사용해 붙여 넣습니다. (스크린샷은 클립보드에 저장되므로, 파일로 저장하지 않아도 바로 붙여 넣을 수 있습니다)

  2. 특정 기능을 구현하는 코드 요청

    <aside> <img src="/icons/subtitles_blue.svg" alt="/icons/subtitles_blue.svg" width="40px" />

    제시하는 기능을 파이썬으로 구현하는 코드를 작성하라.

    # 임무

    n!을 구하는 코드

    </aside>

  3. 개념 설명 요청

    <aside> <img src="/icons/subtitles_blue.svg" alt="/icons/subtitles_blue.svg" width="40px" />

    저는 파이썬을 시작한 지 1일 차인 학생이고, 당신은 나의 코딩 선생님입니다.

    제가 질문하는 개념을 초보자가 이해하기 쉽도록 간단하고 친절하게 설명해 주세요.

    # 개념 변수에 대해 설명해 주세요.

    </aside>

  4. 캔버스 기능 활용

    ChatGPT의 캔버스 기능을 활용하면 별도의 창에서 코드 작성, 에러 해결, 출력 등을 수행할 수 있습니다. 기존의 대화형 인터페이스에서는 코드 작성 및 수정에 제한이 있었지만, 캔버스를 사용하면 더욱 자유롭게 코드를 편집할 수 있습니다.

    ChatGPT의 캔버스 창은 별도의 버튼 UI를 통해 불러올 수도 있지만, 버전에 따라 버튼 UI가 달라질 수 있습니다. 따라서, 다음과 같은 프롬프트를 이용하는 것이 가장 간편한 방법입니다.

    <aside> <img src="/icons/subtitles_blue.svg" alt="/icons/subtitles_blue.svg" width="40px" />

    캔버스 코딩 창을 열어줘.

    </aside>

    ChatGPT의 캔버스 기능은 코드 작성 및 수정 과정에서 더욱 직관적인 인터페이스를 제공합니다. 사용자는 캔버스를 활용하여 에러 수정 요청, 특정 코드에 대한 질문, 실행 결과 확인 등의 작업을 효율적으로 수행할 수 있습니다. 특히, 캔버스를 통해 코드의 가독성을 높이고, 필요한 부분을 즉시 수정하거나 추가할 수 있어 개발 생산성을 향상시킬 수 있습니다.

    chatgpt04.jpg

    캔버스의 주요 기능

맺음말

안내된 프롬프트는 입문자들이 쉽게 활용할 수 있도록 간단하게 구성되었습니다. 이러한 간단한 프롬프트만으로도 많은 코딩 문제를 해결할 수 있으며, 생산성을 획기적으로 향상시킬 수 있습니다.

그럼에도 불구하고, 코딩 교육 현장에서 ChatGPT의 활용을 설득하는 일은 쉽지 않습니다. 많은 사람들이 순간의 귀찮음을 이겨내지 못해 코딩 학습에 ChatGPT를 활용하지 못합니다. 하지만 ChatGPT는 여러분의 코딩 학습을 도와줄 가장 효율적인 도구이며, 마치 은수저를 물고 코딩하는 것과 다름없는 강력한 지원군입니다.

<aside> <img src="/icons/checkmark_red.svg" alt="/icons/checkmark_red.svg" width="40px" />

</aside>