chatGPT로 전력요금을 계산하고 이를 그래프로 보여주는 엡을 만들고자 시도해 보았습니다. 그리고 아래에 보여진 것처럼 그리 나쁘지 않은 엡이 만들어 졌습니다. 제가 알고 있는 지식을 오직 html코드를 서버에 올려서 웹페이지로 호스팅하는 얕은 지식뿐입니다. 하지만 chatGPT는 코딩을 전혀 모르는 나를 위해서 엡을 하나 뚝딱 만들어 주었습니다. 기특한 녀석입니다. 전력요금을 계산해주고 이를 그래프로 보여주는 엡을 만들기 위해서는 아래와 같은 로직들이 필요합니다.
전력 사용량에 따른 전기 요금 계산 웹 애플리케이션 제작 요청: 이 HTML 코드는 전기 사용량을 입력받아, 해당 사용량에 따른 다양한 요금 구성요소(기본요금, 전력요금, 부가가치세, 기후환경요금, 연료조정요금, 전력기반기금)를 계산하고, 이를 토대로 총 전력 사용 요금을 보여주는 웹 애플리케이션의 기본 구조를 가지고 있습니다.
전력 사용량과 요금 구성요소를 그래픽으로 표현하는 기능 추가 요청: Chart.js 라이브러리를 사용하여 전력 사용량과 각 요금 구성요소를 선 그래프 형태로 시각화하는 기능이 포함되어 있습니다. 이는 사용자가 입력한 전력 사용량에 대한 요금 구성요소와 총 요금을 시각적으로 이해하기 쉽게 돕는 기능입니다.
사용자 입력에 따른 동적 계산 및 결과 표시 요청: 페이지에는 사용자가 전력 사용량을 입력할 수 있는 입력 필드와, 그 입력에 기반한 전력 요금을 계산하여 결과를 동적으로 표시하는 버튼이 있습니다. 이를 위해 JavaScript 함수가 사용되어 사용자의 입력에 따라 실시간으로 계산을 수행하고, 결과를 웹 페이지에 표시합니다.
한국의 전력 요금 체계를 반영한 계산 로직 요청: 계산 함수들은 한국의 전력 요금 체계를 반영하도록 설계되었을 것입니다. 이는 사용량에 따른 단계별 요금 계산, 기본요금, 부가가치세, 기후환경요금, 연료조정요금 및 전력기반기금을 포함하는 복잡한 계산 로직을 구현하는 것을 의미합니다.
동계와 하계에 따른 요금 변동성 주의사항 표시 요청: HTML 페이지 하단에는 “동계와 하계에 1000kw이상 요금급증”이라는 주의사항이 포함되어 있어, 계절에 따른 요금 변동성을 사용자에게 알리는 정보가 포함되어 있습니다.
1. 문제가 무엇인가.
우리는 먼저 문제가 무엇이고 그것을 해결하기 위한 방법을 찾아야 합니다. 문제가 무엇인지는 아직 완성본이 만들어지지 않았으니, 어떤 것이 될런지는 다만 머리 속에 있습니다. 하지만 지금 현재 이 웹페이지를 통해서는 chatGPT로 그것도 무료로 하는 turbo-3.5로 내가 사용한 전기 요금을 계산해주고 그것을 그래프로 나타내주는 것을 알기 위함이므로 굳이 귀납적으로 복잡한 설명을 할 필요가 없습니다. 먼저 만들어진 것을 보고 하나 둘 문제를 풀어가는게 더욱 학습에 도움이 되리라 생각합니다.
아래의 완성된 앱은 가정용 전기를 사용하는 일반소비자가 자신이 사용한 전기량을 숫자로 입력하면 전력사용 총 요금을 알려줍니다.
전기사용 총요금은 관련 자료를 입수해서 살펴보면 자신이 사용한 전기kw에 따른 전기요금(구간마다 다름)+전기기본요금+기후환경 요금+연료조정요금을 모두 더한 뒤에 이 요금의 10%인 부가세와 이 요금의 3.7%인 전력기반기금을 더하면 소비자가 물어야 할 최종 요금이 산출되는 구조를 가지고 있습니다.
전력사용량과 단가 (2023.11.9~)
전력요금총계:
한국전력 발표자료로 만든 앱. 참고자료임. 동계와 하계에 1000kw이상 요금급증
그래서 위 그래프가 어떻게 돌아가는지를 살펴보면 이는 다음과 같은 내용으로 표현될 수 있습니다.
1. 사용자 입력에 따른 동적 계산 및 결과 표시 요청: 페이지에는 사용자가 전력 사용량을 입력할 수 있는 입력 필드와, 그 입력에 기반한 전력 요금을 계산하여 결과를 동적으로 표시하는 버튼이 있습니다. 이를 위해 JavaScript 함수가 사용되어 사용자의 입력에 따라 실시간으로 계산을 수행하고, 결과를 웹 페이지에 표시합니다.
2. 한국의 전력 요금 체계를 반영한 계산 로직 요청: 계산 함수들은 한국의 전력 요금 체계를 반영하도록 설계되었을 것입니다. 이는 사용량에 따른 단계별 요금 계산, 기본요금, 부가가치세, 기후환경요금, 연료조정요금 및 전력기반기금을 포함하는 복잡한 계산 로직을 구현하는 것을 의미합니다.
3. 전력 사용량과 요금 구성요소를 그래픽으로 표현하는 기능 : Chart.js 라이브러리를 사용하여 전력 사용량과 각 요금 구성요소를 선 그래프 형태로 시각화하는 기능이 포함되어 있습니다. 이는 사용자가 입력한 전력 사용량에 대한 요금 구성요소와 총 요금을 시각적으로 이해하기 쉽게 돕는 기능입니다.
2. 문제풀이
사용자 입력에 따른 동적 계산 결과 표시
: 유저가 자신이 사용한 전력량(kw)을 입력하면 계산해주는 버튼을 html코드로 일단 하나 만들어 서버의 웹페이지로 전환한다. 그러기 위해서는 chatGPT3.5에게 다음과 같이 프롬프트를 넣는다.
그러면 chatGPT가 만들어주는 html파일을 가지고 웹페이지로 구현을 해보면 아래와 같은 모양으로 입력칸과 버튼이 나오는 것을 볼 수가 있습니다. 물론 이 것은 껍데기만 만든 것일뿐 전력사용 요금을 계산해주는 함수는 전혀 구현이 안되어 있습니다.
2. 요금 계산을 위한 함수를 만들어 줄것을 요청합니다.
1. 기본요금
2. 전력요금,
3. 기후환경요금
4. 연료조정 요금
5. 전력사용 요금 계
5. 부가세 및 전력기반 기금 : 전력 사용 소비자 부담 총요금
7. 하계 요금 할증료
8. 그래프로 나타내 주세요
* 참고자료
이러한 함수를 계산하도록 하는 것은 전력회사의 요금계산 방침이 있기 때문입니다. 그러므로 전력회사에서 매년 발표하는 자료를 가져다가 이러한 함수를 계산합니다. 아래는 가정용 전기요금(저압)에 대한 상세한 요금 규정입니다.
3. 결론
html코드를 호스팅 할 줄 아는 정도의 실력으로 코딩하나 없이 chatGPT 3.5로 가정용 전기요금을 계산해주는 앱을 훌륭히 만들어 냈습니다. 그것도 요금을 그래프로 보여주는 정도의 것으로 더 좋은 아이디어로 접근하면 기초적인 앱을 만드는데는 chatGPT로만으로도 가능하다는 결론입니다.
물론 제작하면서 로직에 잘못들어서서 끝없이 chatGPT가 엉터리 결과를 내줄 때도 있었습니다. 하지만 그것은 질문자의 소양부족으로 생각하고 있습니다. 요소요소마다 논리적이지 않고 여러 요소가 섞여 있으면 절대 좋은 결과를 얻을 수 없고 나중에는 다시금 처음부터 시작하는게 나은 경우도 있을 것이라 생각합니다.
이번 엡을 만드는데 이런 저런 착오 끝에 약 30번의 프롬프트를 날려서 겨우 완성하였습니다. 하지만 chatGPT의 가능성을 엿본것 같아 매우 기쁩니다. ‘전기사용요금계산하는 앱’의 소스는 크롬의 개발자코너에서 다운받아 가시기 바랍니다.
<이하 광고>
- AI 칩 전쟁 (3) : 스핀 트랜지스터
- AI 칩 전쟁 (2) : 그래프코어 IPU, 그래프 구조 최적화와 저지연 처리로 AI 연산 혁신
- AI 칩 전쟁 (1) : 웨이퍼 하나를 하나의 칩으로 사용하는 세레브라스의 혁신 전략
- 제철소 용광로에도 AI 기술이
- EU의 AI 법, 중소 AI 기업엔 규제의 턱이 될 가능성이 높아
- AI 칩 전쟁 (3) : ‘디지털 딥러닝’을 뒤쫒는 ‘아나로그 딥러닝’기술
- AI 기업 분석 (1) : Palantir
- 지구상의 ‘AI chip’ 전쟁
- 세상에서 가장 인기있는 AI WEB 사이트 50개
- 캐릭터 사이의 상호작용마저 자동으로 생성하는 ‘Show Runner’ 플랫폼
- 제디터로 상세페이지 고민 끝
- WAFOUR, 동영상의 일관성 문제 해결할 snowpea AI
- chatGPT, 잦은 먹통에 성장통
- AI 사업 아이디어 (29) : 건설 현장에서 맹활약 중인 AI… DL이엔씨
- 의료와 재난 상황에 깊숙이 투입되고 있는 AI
- FIFO-Diffusion 기술, 컨베이어 벨트방식으로 무한한 길이의 고품질 동영상 생성
- AI 생성 음악도 마켓팅이 필요하다
- 생성 AI로 경험해 보지 못한 무한대의 소리까지..가우디오랩
- 현재 우리나라 데이터 센터의 갯수 38개는 꼴찌수준입니다
- 요리하는데 도움주는 AI 사이트 5개
- 온프레미스와 오픈 소스는 AI 시대의 필수 전략
- LPDDR을 이용한 마하칩은 HBM을 따돌릴 수 있을까
- 로컬에서 AI 챗봇과 언어모델 실행을 위한 가이드
- chatGPT4옴니로 엑셀파일에 함수를 자유자재로 부리기
- 쇼셜미디어에서 쇼셜과 미디어가 분리되는 AI 시대에 더욱 커지는 콘텐츠 관리의 중요성
- 메타, GPT-4옴니에 필적할 LLM으로 ‘카멜레온’ 발표
- Runway로 움직이는 상품 이미지 만들어 마켓팅에 돌풍을!
- AI를 이해하기에 적절하며, 유용한 사이트 21개
- CCTV에 AI 도입시 고려 사항
- 구글, 유저들의 프픔프트 작성을 위한 안내 책자 배포
- 인공지능 시대에 더욱 커지는 ‘사람의 역할’, 비영리재단 퓨처 오브 라이프
- 구글의 저력, Sora에 필적할 Veo 방출
- 구글과 OpenAI 진영과의 숨막히는 대결…2024구글 IO
- 마인크래프트(Minecraft) 게임에도 자율 AI 에이전트 도입
- AI 시대의 이야기의 힘 : Storytelling이 왜 중요한가?
- URL만으로도 비디오 생성해주는 AI 사이트, 생성비디오 활용은 신중해야
- OpenAI의 GPT-4옴니, 인간처럼 보고 듣고 말하는 AI 비서
- Google, ‘AlphaFold 3’로 거의 모든 생물학적 분자 구조 예측 가능
- AI 생성음악을 MIDI 파일로 만들어 주는 ‘뮤지아 원’, 좋은 음악교육 도구
- Runway의 두 번째 AI 영화제: 과거와 미래를 잇는 예술의 장
- 소라, 700개 클립 생산해 한 개의 상업용 뮤직비디오 제작에 성공
- 생성AI의 일관성 유지기술 완성이 코앞에 다가왔다-Story Diffusion
- AI 뮤직비디오 걸작은 어디서 나올까, Noisee.ai에 가보세요
- 60개의 AI를 한눈에 서비스 하는 초강력 사이트, ‘POE.com’
- 만화에 진심인 Comic AI, Skyreels로 변경
- 제품과 서비스 홍보용 만화 그리기 좋은 AI 사이트-‘Wetoon’
- 구글의 VLOGGER-목소리와 사진 한장으로 나의 분신을 만든다
- chatGPT도 어도비와 같은 AI 그림 편집기능 도입
- 분실한 휴대폰 금방 찾는다, 구글의 ‘내 디바이스 찾기’
- AI와 블록체인: 코인광풍에 조심해야 할 키워드
- Nvidia, 지구의 기후변화에 대비하는 디지털 트윈 Earth-2 플랫폼 공개
- 메타버스와 AI: 로블록스의 혁신은 AI로 부터
- 애플, 혁신보다 개선에 초점을 맞춘 이미지-텍스트 기술 공개
- 미드저니, cref+url 문구삽입으로 캐릭터의 일관성 유지해
- chatGPT로 전력요금 계산하고 그래프로 보여주는 웹앱 만드는 방법
- chatGPT의 Dalle-3로 표현해보는 미술사조별 그림 스타일
- 텍스트 10만자를 일관성있는 웹툰으로 만들어버리는 AI..Lore Machine의 등장
- AI가 만드는 무한한 가상 세계: 구글 지니(GINIE)
- OpenAI, LLM으로 현실감 넘치는 동영상 생성하는 소라(Sora) 발표
- 페이크(Fake)에 속는 심리적 취약점 53가지
- AI 생성 콘텐츠와 실제 콘텐츠를 구별하는 10가지 방법
- 구글, 현실같은 AI 비디오 생성기 ‘루미에르(lumiere)’ 오픈
- 우리집 전기요금 얼마나 나올까, 요금계산 해보는 앱.
- 2024년 새해에는 4차 산업혁명의 폭발로 인구절벽 해결하자
- 한 해 국내 강력 범죄 발생 현황(2022)
- 2023.1-8월 국내 마약 사범 현황
- 위약금 장사
- 생존을 위해 압류를 차단하는 사례 모음
- 발렌타인데이에 보낼 소중한 e-card 제작
- 신년 e-card 보내기
- e-성탄카드를 직접 만드는 손쉬운 방법