챗gpt 나도 한번 써봤다! 자동 코딩 소스 생성

나도 한번 써봤다. 챗gpt

요즘 들어 엄청나게 이슈가 많은 챗GPT!

인터넷이나 영상으로 챗gpt를 이용해 자동으로 코드를 생성하거나 프로그래밍을 한다거나 하는 영상 및 짤을 하도 많이 봐서 나도 한번 간략한 코드 생성을 ai에게 맡겨보았다.

 

테스트

<li class="prd-name H.1st" id="H.1st">H.1st</li>

의 코드에서 prd-name 클래스에 있는 id의 값의 . 이라는 특수 문자를 제거해달라는 코드를 생성 해달라는 요청을 했었다.

 

챗gpt에 문의 한 내용

<li class="prd-name H.1st" id="H.1st">H.1st</li>

<button id="removeButton">Remove Dots</button>

<script>
$(document).ready(function() {
    $("#removeButton").click(function() {
        $(".prd-name").removeClass(function(index, classNames) {
            return classNames.split(' ').map(function(className) {
                return className.replace(/\./g, '');
            }).join(' ');
        });
        
        $("#H.1st").attr("id", function(_, id) {
            return id.replace(/\./g, '');
        });
    });
});
</script>

다소 복잡하고 필요없는 코드들이 생성이 되어 있어서 추가로 좀더 간결하고 초등학생도 이해가능한 코드로 생성하기 위해 좀더 디테일하고 세분화해서 질문을 반복한 결과 아래와 같은 간결하고 깔끔한 코드가 생성이 되었다.

<li class="prd-name H.1st" id="H.1st">H.1st</li>

<script>
$(document).ready(function() {
    $("li.prd-name[id]").attr("id", function(_, id) {
        return id.replace(/\./g, '');
    });
});
</script>

 

챗gpt의 장단점

간략한 코드는 그냥 챗gpt를 사용하자!

복잡하거나 다른 코드와 마찰이 필요없는 간략한 내용이라면 챗gpt를 사용하면 엄청 편하다!

다만, 좋은 결과물을 얻기 위해서는 답변을 하기 위해서 엄청 자세하고 세분화된 질문이 필요하며 한글 보다는 영어로 질문을 해야 더 정확하고 빠른 결과물을 얻을 수 있다.