본문 바로가기
AI

[AI] ChatGPT 사용해보기(ft. 코딩 초보자에 도움을?)

by 즐코딩 2022. 12. 19.
반응형

여러분들은 AI에 대해서 얼마나 관심을 갖고 계시나요? 자율주행차는 한번이라도 타 보셨나요? 아직까지는 현실의 생활과 밀접하게 관계를 이루는 것들이 많지는 않아서 잘 못 느끼겠지만, IT산업 분야에서는 많은 부분들에서 AI가 급진적으로 적용이 되고 있습니다. 우리들과 아주 가까운 곳에서는 Youtube에서 사용자가 좋아할만한 영상을 추천해 주는 알고리즘에 AI가 사용되고 있습니다. 넷플릭스에서 영화를 추천해주는 것도 비슷한 맥락이죠.

 

 

ChatGPT 사용해보기

 

이번 달 초반에 OPEN AI에서 발표한 ChatGPT라는 인공지능 채팅이 IT분야에서 화제가 되고 있습니다. 그래서 오늘은 빠르게 한번 ChatGPT 3를 살펴봐두기로 합니다. 도대체 ChatGPT가 뭐길래 '구글 검색은 죽었고, 향후에는 AI 검색이 대세를 이룰 것이다'라고 전망하고 있는 것을까요?

 

 

openai.com 접속

 

먼저 opapi.com/blog/chatgpt 로 접속해주세요.( 구글에서 chatGPT로 검색해도 됩니다.) 그러면 ChatGPT 첫 화면이 나타납니다. 일단 영어로 구성되어 있습니다.(https://chat.openai.com/로 접근해도 됩니다.)

openai.com-홈페이지-접속
openai.com 홈페이지 접속

 

메인 페이지를 스크롤하다 보면 [ TRY CHATGPT ] 버튼이 나타납니다. 당장 클릭, 빡!

Try-ChatGPT-버튼-클릭
Try ChatGPT 버튼 클릭

 

로그인 또는 회원가입 페이지나 나타납니다. 가입한 적이 없으므로, Sign up 버튼을 클릭해줍니다.

로그인-또는-회원가입읗-해줍니다
로그인 또는 회원가입

 

계정을 만들라고 하는데요, 저는 그냥 Google 계정으로 가입했습니다.

구글 또는 마이크로소프트 계정으로 쉽게 가입이 가능합니다.

구글계정으로-사용
구글계정으로 사용

 

이름을 알려달라고 하니, 적당히 넣어줍니다.

사용자-이름-설정
사용자 이름 설정

 

사용자 본인 인증을 위해 휴대폰 번호를 넣어줍니다. 그리고 Send code 버튼을 당장 클릭! 

휴대폰-사용자-인증-화면
휴대폰 사용자 인증

 

잠시 후 휴대폰으로 날라 온 여섯 자리 코드를 입력해줍니다.

사용자-인증코드-확인
인증코드 확인

 

드디어 ChatGPT 첫 화면과 조우합니다 팝업창으로 간단하게 설명을 안내해줍니다.

Next 버튼을 적당히 눌러서 스킵.

ChatGPT-첫-화면
ChatGPT 첫 화면

 

ChatGPT 사용 예제 샘플들과 기능 그리고 제한상황에 대해서 설명하고 있습니다.

어떻게 알았냐구요?

사용예제들과-제약사항들-설명
사용예제들과 제약사항들 설명

 

그까이꺼 그냥 대충 번역해서 읽어 두었습니다.

한글로-번역
한글로 번역

 

사용예제는 버튼 형식이라 마우스로 클릭을 해주면, 채팅 창에 바로 글자로 나타납니다. 예제들을 한번 클릭해보시기 바랍니다. 적당히 질문하고 엔터를 강하게 빡~! 내려쳐 주면,

간단한-용어로-양자-컴퓨팅-설명을-질문해봄
그 어려운 양자 컴퓨팅을 쉽게 설명해줘봐봐

 

이런.... 크롬으로 코딩을 테스트 하다가 접속해서 그런지, 저는 한글이 깨져 나오더라구요. ChatGPT는 한글로도 채팅이 가능합니다. 일단 영어로 진행하며 구경을 해봅니다.

영어로-채팅-시도
영어로 채팅 시도

 

양자 컴퓨팅에 대해서 간단한 용어로 한번 설명해줘봐~

ChatGPT의-답변
ChatGPT의 답변

 

욜~ 타이핑이 느리고 표현 글자 제한도 있는 것 같은데, 유령이 타이핑을 치듯 또박또박 글자를 보여줍니다. 이건 뭐 아주 아주 옛날 옛적 고리적에 '심심이'라는 에니악 컴퓨터 시대의 애플리케이션이 생각났습니다.

 

 

 

ChatGPT로 Javascript 코딩하기

 

코 파일럿은 유로라니까, 어디 ChatGPT 너는 코딩할 때 도움이 좀 될라나?

1부터 10까지 자바스크립트 코드로 한번 덧셈을 해봐줄래?를 영어로 대충 치고 엔터 빡!

1부터-10까지-덧셈해달라고-요청
1부터 10까지 덧셈해달라고 요청

 

오오오~ 쫌 신기합니다. 설명과 더불어 Javascript 코드를 표시해줍니다. 이거 물론 검색 결과하고 비슷하긴 할 텐데, 그래도 검증이 끝난 코드를 보여주고 있는 거 겠죠?

AI가-짜-준-자바스크립트-코드
AI가 짜 준 자바스크립트 코드

 

눈으로 봐도 대충 맞는 코드지만, 그래도 검증을 해보기로 합니다. 크롬 브라우저에서 F12키를 눌러 개발자 모드 > Console 탭으로 들어갑니다. 내용을 복붙해주고, 엔터를 힘차게 빡~!

콘솔창에-실행해보니-정답입니다!
콘솔창에 실행해보니 정답입니다!

 

오호~ sum 값 55를 잘 찍어 줍니다. for 반복문을 돌리기 위해 변수할당에도 let을 쓴거 보소! 참 영리합니다.

이번에는 2개의 인자를 받아서 합을 리턴해주는 자바스크립트 함수를 만들라고 시켜봤습니다.

자바스크립트-함수를-만들어-달라고-요청
자바스크립트 함수를 만들어 달라고 요청

 

오호~ 계속 신기합니다. 구글링은 검색 결과를 내가 클릭해서 찾아야 하는 방식인데, ChatGPT는 바로 앞에 밥상을 차려주는 느낌이 듭니다. 이거 이거 앞으로 코딩 공부할 때 참고서로 활용해야 겠습니다.

AI가-생성해준-자바스크립트-함수-코드
AI가 생성해준 자바스크립트 함수 코드

 

역시나 코드를 메모리에 복사한 후, 크롬 개발자도구 콘솔창에 붙여 넣기를 한 후 Enter를 쳐둡니다.

sum(10, 20)이라고 타이핑해서 함수를 호출해서 사용해봅니다. 욜~ 당연하게도 정상동작합니다. 참 편리하군요.

크롬-콘솔창-실행해본-결과
크롬 콘솔창에 실행

 

내친 김에, display google logo image by javascript code라고 채팅창에 쳐 넣어봤습니다.

자바스크립트 코드로 구글 로고 이미지를 보여줘~! 

구글-로고-이미지를-보여주는-자바스크립트-코드를-요청
구글 로고 이미지를 보여주는 자바스크립트 코드를 요청

 

ChatGPT가 생성해준 코드를 복사해서, 역시 크롬 콘솔창에 붙여 넣고, 엔터를 빡~!

크롬-콘솔창에-붙여-넣고-실행
크롬 콘솔창에 붙여 넣고 실행

 

와하하하, 신기합니다. 사이즈 작게 넣으라면 그렇게 보여줄 것만 같은 느낌.

이거 이거 진짜 코딩 공부하는데 있어서 살아 움직이는 참고서가 될 것 같습니다. 우리집 아이들에게도 알려주면 코딩공부를 하는데 있어 조금 더 흥미로워 할 것 만 같은 생각이 듭니다. 

성공
성공

 

 

ChatGPT 한글로 사용하기

 

원래는 크롬 브라우저에서도 한글로 채팅이 되지만, 네이버 웨일 브라우저를 켜서 실행을 해봤습니다.

서울대 합격하는 방법. 어디 한번 알려줘 볼래?

 

이런 답변 내용들은 채팅의 형식을 빌기는 했지만, 구글링 검색을 하는 느낌이 듭니다. 그래도 구글링과 다르것은 최적의 답변들로 구성되어 내 앞에 바로 대령해준다는 것이죠.

ChatGPT에서-한글로-채팅
ChatGPT에서 한글로 채팅

 

다음 주 로또 당첨번호 한번 알려줘봐! ㅋㅋ

아, 이 녀석 바르게 태어나고 자랐습니다. 옳은 말만 해주는군요.

다음-주 -또-당첨번호를-물어본-결과
다음 주 로또 당첨번호는?

 

오늘은 일단 요 정도 수준으로 ChatGPT를 수박 겉핥기 해보았습니다.

그래도 수준이 상당합니다. 현재는 타이핑을 뱉어 내는 속도가 좀 느려터져서 저에게는 구글링 검색이 더 좋겠지만, 앞으로 코딩 공부나 실습을 해나갈 때면 옆에 끼고 자꾸 물어볼 것 같습니다.

 

어제도 알고리즘 하나 짜고 구현하는 데 한 시간은 족히 사용했던 것 같습니다.

어제 너를 알았더라면 미리 잘 물어봤을 텐데 말이야.

 

IT환경이 정말 급변하는 시대입니다. 대학교 선호학과 순위도 의대 다음이 컴공과인 시대.

옛날에 심심해서 사용했던  '심심이'는 이제 진짜 심심한 채팅봇이 되어버렸습니다.

 

호랑이-담배-피던-시절의-심심이
호랑이 담배 피던 시절의 심심이(캡처는 개선판)

 

즐거운 코딩생활, 즐코딩.

KINcoding.

반응형

댓글