if else 따위 몰라도 우리 챗GPT 선생님은 다 알려주시지! HTML BMI 계산기 만들기

과거 직업전문학교 시절때 배웠던 if문... 당연히(?) 지금은 다 까먹었습니다. 제가 참 신기하게도 프로그래밍 머리는 없나봐요. 잘 안 돌아감. 억울하지만 현실을 받아들여야죠. 하지만 꼴에 욕심은 또 있어서 포기는 안 하고 이따금씩 공부를 좀 하고 있습니다. 그럼에도 불구하고 안 들어와요. 누가 진짜 기가막힌 설명으로 이해 좀 시켜줬으면 소원이 없겠습니다. 답례는 정말 후하게 해드릴 수 있는데 말이죠.

아무튼! 기존 티스토리의 과거 글들 중에서 if문 관련으로 BMI 계산기를 만드는 과정을 작성한 바 있는데 다시 보니까 너무 허접하기도 하고 저도 잘 모르는 상태에서 글을 써서 그런지 가독성 및 설득력이 떨어지더라고요. 그래서 다시 리뉴얼하는 글입니다. 그리고 지금은 더 쉬운 방법으로 BMI 계산기를 만들 수 있습니다. 바로 챗GPT님께 부탁하는 방법으로 말입니다.

챗GPT 페이지

BMI 계산기를 부탁해! 챗GPT씨!

챗GPT에게 BMI 계산기 HTML 문서를 만들어 달라고 부탁해 보았다.

rgy0409.blogspot.com/

소스는 위의 페이지에서 확인하시면 됩니다. 물어보는 과정이 다 나와있습니다. 그냥 진짜 공부 잘 하는 친구에게 질문하는 느낌으로 물어보시면 됩니다. 단 질문을 할 때는 최대한 올바른 문법으로 물어보는게 좋습니다. 그래야 제대로 인공지능이 이해합니다. 아무튼 최종 수정된 코드로 만든 BMI 계산기는 아래에 있습니다.

BMI 계산기

See the Pen HTML5 BMI Caculator by rgy0409 (@rgy0409) on CodePen.

그리고 결과물은 이렇게 되었습니다. 아주 훌륭합니다. 근데 챗GPT는 당연히 버전이 높을수록 성능이 좋아지는데 전 아직 유료 구매자가 아니기에 3.5 버전으로 사용 중입니다. 그렇기에 여러번 물어봐야 그제서야 정상 작동하게 되는군요. 몸무게와 키만 입력하시면 BMI 결과가 나오는 멋지고 훌륭하면서 정말 만들기 쉬운 BMI 계산기가 이렇게 완성되었습니다. 정말 세상 편하지 않습니까?

다만...

저의 인생 철학 중 하나는 왠만하면 스스로 이해를 해두는것이 좋다는 것입니다. 즉 BMI 계산기도 스스로 코드를 직접 구현 할 줄 아는 상태에서 챗GPT 선생님께 묻는것과 모르는 상태에서 묻는건 하늘과 땅 차이라는 것입니다. 그래야 응용이 가능하거든요. 모르면 그냥 원리도 모른채 넘어가게 됨과 동시에 의존도가 높아집니다. 즉 나의 능력이 아닌 다른 무언가에 기대는 습관이 생기죠. 따라서 본 코드는 그냥 참고만 하시고 어떤 식으로 구성이 되었는지 원리를 이해하는게 가장 좋다고 생각합니다. 오랜만에 HTML 관련 책을 펼쳐들고 공부를 좀 해봐야겠습니다. 오늘 내용 끝!