X

챗gpt를 사용하여 간단한 계산기를 만들어보자 : 코딩을 하나도 몰라도 가능한이유. 계산기 만들기1

나는 코딩을 하나도 모른다. 하지만 챗gpt를 이용하면 코딩을 몰라도 프로그램을 만들수 있다는 이야기는 많이 들었다.
코딩을 하나도 모르는 상태에서 웹페이지에 게시할 간단한 계산기를 만드는 것을 목표로 글을 작성해본다.

우선 챗gpt에 접속을해서 시작하자.
https://openai.com/index/chatgpt/

간단히 인사를 하고 계산기를 만들어 달라고 요청해보자
아래는 실제 대화내용이다.

이런식으로 알아서 잘 만들어준다. 그런데 나는 코드를 하나도 모르는데 코드를 html, css, javascript 세개로 나누어 만들어주었다

이내로는 내가 써먹을수 없으니 하나로 합쳐달라고 요청한다. 다행히 HTML을 워드프레스에 넣는 것 정도는 배웠다.

이런식으로 대화가 마무리되었다. ‘코드복사’라는 부분을 누르면 코드만 깔끔하게 클립보드에 복사가 된다. 이걸 가져와서 Html코드로 넣으면 된다.
아래는 실제로 이렇게 만들어진 계산기이다
여기에 실체 html 코드가 들어가는데 코드를 넣고 실제글을 완성해서 들어다 보니 아래처럼 페이지가 엉망이 되었다

다시 gpt에게 추가요청을한다. HTML의 가로 폭을 제한해달라고한다.

코드를 보내주고 수정된 결과를 받았다. 실제로 작동한다 초기상태라 키패드의 배열이나 기능이 마음에 들지 않을 수 있다. 이것은 차차 고쳐나가 보기로하자.


몇번의 시행착오를 거쳐 간단한 코드정도는 gpt로 만들 수 있게 되었다 물론 시행착오는 있었다.
완벽히 나의 언어와 의도를 이해하지는 못했지만 코딩실력은 아주 뛰어났다. 물론 내가 아주 기초적인것들만 요구해서 일지는 모르겠다.
다른페이지에 있는 이미지 변환기들도 모두 gpt를 이용해서 만든 것이다.
시간이 되면 이계산기를 조금씩 내가 원하는 과정으로 변화시키는 과정을 시리즈로 올려보겠다.

비슷한 방식으로 만들어진 이미지변환기이다. 물론 상당히 여러번의 수정을 거쳤다.
코드를 하나도 몰라 약간의 변화라도 주려면 계속 GPT와 대화를 해야 했다.

이미지 변환기: PNG, JPEG, GIF, BMP, WebP 이미지를 상호 변환