ChatGPT 활용해 자바스크립트

ChatGPT는 코드 작성 시간을 크게 줄여줍니다. ChatGPT 사용 JavaScript의 맨 위로 점프하는 코드를 만들어 봅시다. 2분 30초 만에 코드를 완성하는 YouTube 동영상도 참조하세요.

https://www.youtube.com/watch?v=OV_QRa7tgoc

쉬운 목차

1. ChatGPT JavaScript 코드를 찾습니다.

Google 검색을 통해 ChatGPT 사이트에 액세스합니다. ChatGPT를 잘 요청하면 시간을 절약할 수 있습니다. 같은 질문이라도 다시 물어보면 다른 코드를 받게 됩니다. “JavaScript의 시작 부분에 해당하는 코드를 알려주세요” 나는 물었다. ChatGPT는 귀하와 코드를 공유합니다. 매우 똑똑한 비서인 Jarvis가 있는 것 같은 느낌이 듭니다.

'추천 관련글,

코드를 다시 요청했습니다. “더 쉽게” 그것에 대해 물어보십시오. ChatGPT가 다시 응답합니다. 정말 신나는 순간입니다.

“사용 방법을 알려주세요”라고 요청하면 ChatGPT가 다시 응답합니다.

알지만 어떻게 대답해야할지 궁금합니다. “항목을 클릭할 때 scrollTop() 함수를 호출하는 방법을 알려주세요.”

정말 알려주세요. 교육의 혁명입니다. 자기주도 학습자가 된 학생에게는 이제 날개가 있습니다.

대단하지 않니? 수수료를 낼 수 있을 것 같습니다. 아니, 난 곤경에 처했어. 내 시간을 4분의 1로 단축한 기분입니다.

2. JavaScript 코드 완성

Visual Studio Code에서 HTML 문서를 만들고 다음과 같이 코드를 완성합니다.

최종 코드는 아래와 같습니다.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {height: 4000px;}
        #scroll-to-top-button {position: fixed; bottom: 50px; right: 50px;}
    </style>
</head>

<body>
    <button id="scroll-to-top-button">click</button>
    <script>
        // 상단으로 올라가는 함수 정의
        function scrollToTop() {
            // 상단으로 스크롤
            window.scrollTo({ top: 0, behavior: 'smooth' });
        }
        const button = document.querySelector('#scroll-to-top-button');
        button.addEventListener('click', scrollToTop);
    </script>
</body>

</html>

3. 브라우저에서 보기

브라우저를 확인하십시오. 클릭하면 부드럽게 튀어 오릅니다. ChatGPT를 직접 사용해 보고 깜짝 놀랐습니다. 기본 자바스크립트를 제대로 아는 사람들은 사용법과 시간 면에서 매우 효율적이 되었습니다. 안하면 손해입니다.

CES 2023의 메인 화두는 인공지능이었다고 하죠? 사실, 세계는 다시 한 번 큰 변화에 직면해 있습니다. 아이들과 학생들이 ChatGPT를 잘 사용하도록 지도해야 합니다.