[TIL] 오늘의 개발일지

 

 

오늘은 스파르타에서 진행한 챗GPT 따라하기인 easy GPT 해커톤에 참여했다

4개월간 오프라인으로 참석하다 직접 스파르타 코딩클럽에 와서 함께 코딩을 하는 시간을 처음 가져봤는데

증말이지 너무 재밌고 백번이고 오길 잘했다는 생각이 들었다

 

내가 제출했던 아이디어는 

 

1. 상대방과 나랑 궁합이 좋은 mbti인지 알려줘
2. 아래와 같은 상대방에게 주기 괜찮은 선물을 1개만 추천해줘
3. 내 코드를 더 효율적으로 만들어줘

 

요렇게 였는데 챗GPT에 계속 질문을 해보면서 내가 원하는 형식의 데이터만 정상적으로 받을 수 있도록

' 잘 질문하는 것'이 매우 중요하다는 것을 느꼈다

 

프로젝트를 하면서도 사용자에게 원하는 Input값을 받으려고 보통 placeholder에 설명을 해주고, 유효성 검사도 진행을 했었는데 나의 생각보다 훨씬 훨씬 더 챗 GPT가 자연어를 너무 잘 이해한다는 걸 느꼈다

어느 순간부터 인공 지능이 압도적으로 똑똑해졌다는 걸 느끼고는 있었지만, 오늘 챗 GPT를 사용해서 easyGPT를 만들어보면서 더더욱 몸으로 체감이 됐던 것 같다.

 

솔직히 그동안 챗 GPT에 대해서 영상이나 뉴스 같은건 많이 봤었는데, 사용하지 않았던 나의 하찮은 이유는 최종 플젝 전에 한번 맛(?)을 들리게 되면 스스로 고민을 해보고 코드를 짜지 않을 것 같다는 생각이 들었었다.

 

현재 리팩토링 중인 나의 코드들을 챗 GPT에 물어보고 한 수 배우면서 같이 레벨업을 해야겠다는 생각을 했다.

 

아래는 챗 GPT한테 받은 결과를 앞단에서 뿌려줄 때 썼던 함수!!

  let gpt9 = (data) => {
    let before = data["result"]["before"];
    let after = data["result"]["after"];
    let reason = data["result"]["reason"];

    let temp_html = `
        <div>

            <h4><b> 입력하신 코드 :</b></h4>
            <div>${before}</div>
            <h4><b> 이렇게 수정하는건 어떨까요? </b></h4>
            <div>${after}</div>
            <h4><b> 수정한 이유는 ? :</b></h4>
            <div>${reason}<</div>

        </div>`;
    $("#gpt9-result > div").html(temp_html);
  };