chatGPT로 개발한 초간단

by

요즘은 누구나 사용하게 되는 chatGPT를 사용해 보았습니다.

그것은 경이 롭다. 그것은 너무 …

https://openai.com/blog/chatgpt/

'추천 관련글,

ChatGPT: 대화를 위한 언어 모델 최적화

우리는 대화 방식으로 상호 작용하는 ChatGPT라는 모델을 훈련했습니다. 대화 형식을 통해 ChatGPT는 후속 질문에 답하고, 실수를 인정하고, 잘못된 전제에 도전하고, 부적절한 요청을 거부할 수 있습니다. ChatGPT는

openai.com

Google ID로 가입하고 바로 사용할 수 있습니다.

첫 번째 등록은 약 3분 정도 소요됩니다. 클릭하시면 다음으로 넘어갈 수 있습니다.

사용하기도 매우 편리합니다. 꼭 한번 드셔보시길 정말 강추합니다!!

chatGPT의 능력은 무섭고 판도를 바꿀 정도입니다.

JavaScript를 사용하여 계산기를 만드는 코드를 작성해달라고 chatGPT에 요청했습니다.

결과는 놀랍습니다. 프로그래밍 부트캠프에 있을 때 계산기를 만드는 데 어려움을 많이 겪었지만 ChatGPT를 사용하면 코드 작성에 문제가 없습니다. 댓글의 경우…

기본적인 챗봇 수준이 아니다. 매우 지능적인 컴퓨터와 대화하는 것과 같았습니다. 한국어, 영어… 세상의 모든 언어가 통하는 것 같습니다. 그냥 로그인해서 “영화 아바타 어때?” 라고 물어보면 글 쓰는 사람인지 기계인지… 전혀 구분이 안가네요.


chatGPT로 개발한 초간단 1


chatGPT로 개발한 초간단 2

<!DOCTYPE html>
<html>
  <head>
    <title>chatGPT로 만든 계산기</title>
  </head>
  <body>
    <h1>chatGPT로 만든 계산기</h1>
    <input type="text" class="screen">
    <br>
    <button class="button" value="1">1</button>
    <button class="button" value="2">2</button>
    <button class="button" value="3">3</button>
    <button class="button" value="+">+</button>
    <br>
    <button class="button" value="4">4</button>
    <button class="button" value="5">5</button>
    <button class="button" value="6">6</button>
    <button class="button" value="-">-</button>
    <br>
    <button class="button" value="7">7</button>
    <button class="button" value="8">8</button>
    <button class="button" value="9">9</button>
    <button class="button" value="*">*</button>
    <br>
    <button class="button" value="0">0</button>
    <button class="button" value="/">/</button>
    <button class="button" value="C">C</button>
    <button class="button" value="=">=</button>
    
    <script>
      // 버튼 클릭 이벤트 추가
      var buttons = document.querySelectorAll('.button');
      var screen = document.querySelector('.screen');

      for (var i = 0; i < buttons.length; i++) {
        buttons(i).addEventListener('click', function() {
          // C 버튼 클릭 시 화면 초기화
          if (this.value == 'C') {
            screen.value="";
          }
          // = 버튼 클릭
          else if (this.value == '=') {
            screen.value = eval(screen.value);
          }
          // 기타 숫자나 연산자 버튼 클릭
          else {
            screen.value += this.value;
          }
        });
      }
    </script>
  </body>
</html>
.calculator {
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 240px;
  margin: 0 auto;
  padding: 10px;
}

.screen {
  width: 100%;
  height: 40px;
  font-size: 20px;
  text-align: right;
  margin-bottom: 10px;
}

table {
  width: 100%;
}

td {
  padding: 5px;
}

button {
  width: 100%;
  height: 40px;
  font-size: 20px;
  border-radius: 4px;
  border: none;
  margin: 1px;
}

.button {
  background-color: #f2f2f2;
}

.operator {
  background-color: #4CAF50;
  color: white;
}

.clear {
  background-color: #f44336;
  color: white;
}

.equals {
  background-color: #555555;
  color: white;
}
// 버튼 클릭 이벤트 추가
var buttons = document.querySelectorAll('.button');
var screen = document.querySelector('.screen');

for (var i = 0; i < buttons.length; i++) {
  buttons(i).addEventListener('click', function() {
    // C 버튼 클릭 시 화면 초기화
    if (this.value == 'C') {
      screen.value="";
    }
    // = 버튼 클릭
    else if (this.value == '=') {
      screen.value = eval(screen.value);
    }
    // 기타 숫자나 연산자 버튼 클릭
    else {
      screen.value += this.value;
    }
  });
}