AI 개발: 단일 HTML 파일을 분할하여 토큰 소비량을 절약하는 방법 [프롬프트 및 구현 예시 포함]

ChatGPT나 Codex 같은 AI를 사용하여 단일 HTML 파일의 수정을 계속하게 되면, 파일이 커짐에 따라 토큰 소비량이 신경 쓰이기 시작합니다.

이에 저는 단일 HTML을 여러 파일로 분할하여 관리하고 필요한 부분만 수정하는 방법을 시도해 보았습니다.

기본적인 과정은 다음과 같습니다.

분할함으로써 매번 거대한 전체 HTML을 AI에 로드할 필요성을 줄일 수 있다는 것이 장점입니다.

또한, 결합 처리를 Python 측에서 진행하기 때문에, AI에게 완성된 전체 HTML을 출력하도록 할 필요도 없습니다.

예를 들어, 100KB의 단일 HTML을 수정하는 경우, 기존에는 파일 전체를 로드해야 하는 경우가 많습니다. 하지만 기능을 기준으로 분할해 놓으면, 몇 KB에 불과한 JavaScript만 중심으로 수정을 진행할 수 있는 경우도 있습니다.

이를 통해 입력 토큰과 출력 토크난 양쪽 모두를 절감할 가능성이 있습니다.

다만, AI의 개발 환경이나 작업 내용에 따라 관련 파일이나 전체 구성을 읽어들여야 할 필요가 있을 수도 있으므로, 반드시 줄일 수 있는 것은 아닙니다.

이번에는 단일 HTML을 분할하여 관리하기 위한 프롬프트와 샘플 파일을 ZIP으로 정리했습니다.

ZIP 안에는 구현 예시의 ZIP도 포함되어 있으며, 단일 HTML로 재결합하는 데 사용되는 Python 스크립트 등이 수록되어 있습니다.

단일 HTML 형태의 공개 및 배포를 유지하면서 AI에 의한 지속적인 수정 시 토큰 소비량을 줄이고 싶을 때 유용할 것 같습니다.

특히, 하나의 HTML 파일에 기능을 계속 추가하고 있는 분들에게는 시도해 볼 가치가 있다고 생각합니다.

※토큰 절감 효과는 수정 내용이나 AI 이용 환경에 따라 다릅니다.

토큰 수를 줄이기 위해 첨부된 단일 html 파일을 세밀하게 분할하는 작업을 부탁드립니다.
첨부된 단일 html 파일을, 첨부된 빈 폴더 안에 세밀하게 분할해 주세요.
첨부된 zip 파일(HTML분할방법샘플.zip)이 분할 방법의 샘플입니다.
...

요약