ChatGPT 앱으로 코드 짜기 (파이썬, 자바스크립트 예제)

 

 

💻 ChatGPT 앱으로 코드 짜기 (파이썬, 자바스크립트 예제)

코딩 어렵다고 느끼셨다면? ChatGPT 앱이 있으면 코드 생성부터 디버깅까지 전부 자동화할 수 있어요.

이번 글에서는 파이썬과 자바스크립트 중심의 실전 예시를 통해 ChatGPT를 개발 보조 도구로 100% 활용하는 방법을 알려드릴게요.

 

---

📲 ChatGPT 앱 설치부터 시작

앱이 없다면 아래 버튼을 클릭해 먼저 설치하세요.

 

구글 플레이에서 설치하기

ChatGPT - Google Play 앱

 

앱스토어에서 설치하기

‎ChatGPT

 

---

🧠 파이썬 예제: 기초부터 실전까지

예제 1. 리스트에서 짝수만 추출하는 코드

prompt: "파이썬으로 1부터 20까지 짝수만 추출하는 코드 작성해줘"

ChatGPT 결과:

even_numbers = [x for x in range(1, 21) if x % 2 == 0]
print(even_numbers)

예제 2. 사용자 입력받아 BMI 계산기 만들기

prompt: "키와 몸무게를 입력받아 BMI를 계산하는 파이썬 코드 짜줘"

ChatGPT 결과:

height = float(input("키(cm): ")) / 100  
weight = float(input("몸무게(kg): "))  
bmi = weight / (height ** 2)  
print("당신의 BMI는", round(bmi, 2), "입니다.")

예제 3. 날짜 계산 프로그램

prompt: "오늘 날짜에서 100일 후 날짜를 알려주는 코드"

ChatGPT 결과:

from datetime import datetime, timedelta
today = datetime.today()
future = today + timedelta(days=100)
print("100일 후는", future.strftime("%Y-%m-%d"))

 

---

🌐 자바스크립트 예제: 웹개발 실전 활용

예제 1. 버튼 클릭 시 알림창 띄우기

prompt: "html 버튼을 클릭하면 alert 뜨는 자바스크립트 코드 만들어줘"

ChatGPT 결과:

<button onclick="showAlert()">클릭</button>
<script>
function showAlert() {
  alert("안녕하세요!");
}
</script>

예제 2. 현재 시간 자동 표시하기

prompt: "웹페이지에 실시간 시계를 보여주는 자바스크립트 코드"

ChatGPT 결과:

function showTime() {
  const now = new Date();
  document.getElementById("clock").innerHTML = now.toLocaleTimeString();
}
setInterval(showTime, 1000);
 <div id="clock"></div>

예제 3. 비밀번호 유효성 검사

prompt: "비밀번호가 8자 이상인지 확인하는 JS 함수 작성해줘"

ChatGPT 결과:

function isValidPassword(pw) {
  return pw.length >= 8;
}

---

💡 활용 팁

• ✔ 에러가 뜰 경우 “이 코드 디버깅해줘”라고 입력하면 오류 수정 가능
• ✔ “더 짧게”, “더 효율적으로” 같은 프롬프트로 코드 최적화 요청 가능
• ✔ ChatGPT Plus(GPT-4) 사용 시 설명과 주석이 더 명확함

---

🔗 참고 사이트 모음

• ChatGPT 공식 페이지
• Replit – 웹 기반 코드 실행기
• Programiz – 파이썬 입문서
• MDN – 자바스크립트 공식 문서
• Stack Overflow – 코딩 Q&A

---