GPT-4를 사용하여 저장된 대화용 검색 인터페이스 구축하기

저는 ChatGPT 대화 내용을 HTML 파일로 저장해 왔으며, 이를 검색하고 탐색할 수 있는 방법을 원했습니다. 저는 프론트엔드 (front-end) 작업에는 관심이 없습니다. 단 한 번도 없었습니다. 하지만 GPT-4 덕분에 제가 직접 할 필요가 없을 정도로 충분히 쉬워졌습니다.

GPT-4가 이를 구축한 대화 내용은 여기에 있습니다. 결과물인 인터페이스는 여기에서 확인할 수 있습니다. 화려하지는 않습니다. (배포 전에 데이터베이스를 다시 인덱싱 (reindex)하는 것을 깜빡해서 처음에는 검색이 작동하지 않았습니다. 빠른 해킹 (quick hack) 치고는 딱 적당한 수준입니다.)

내가 만든 것

HTML 파일 디렉토리에 대해 전문 검색 (full-text search)을 수행하는 Whoosh 기반의 Flask 앱입니다. 구성 요소는 다음과 같습니다:

1. Flask 앱: 검색 및 탐색을 위한 기본적인 라우트 (routes).
2. Whoosh 인덱싱 (indexing): HTML 파일을 인덱싱하고 디렉토리별로 그룹화합니다. 검색을 처리합니다.
3. 검색 및 탐색 라우트 (routes): 쿼리 (query)로 검색하거나 파일 계층 구조를 직접 탐색합니다.
4. 템플릿 (Templates): Bootstrap을 사용한 Jinja2. 제가 직접 이 스타일링을 작성하지는 않았겠지만, GPT-4가 생성해 주었고 보기 괜찮습니다.
5. 검색 기록 (Search history): 최근 10개의 쿼리를 추적하고 세션 전반에 걸쳐 인기 있는 검색어를 보여줍니다.

과정

저는 GPT-4에게 원하는 것을 말했고, GPT-4는 코드를 작성했습니다. 저는 코드를 실행했고, 우리는 버그와 기능에 대해 반복 (iterate)했습니다. 전체 과정은 몇 시간 정도 걸렸습니다. 그 시간의 대부분은 코드를 작성하는 것이 아니라 제가 원하는 것을 설명하는 데 사용되었습니다.

이것은 제가 무기한으로 미뤄두었을 법한 종류의 작업입니다. 왜냐하면 실제 작업(Flask 라우팅, HTML 템플릿, CSS)이 지루하고 제 관심사 밖이기 때문입니다. GPT-4는 이를 "언젠가 해야 할 일"에서 "완료된 일"로 바꾸어 놓았습니다.

결과물이 인상적인 소프트웨어인 척하지는 않겠습니다. 로컬 HTML 파일을 위한 단순한 검색 인터페이스일 뿐입니다. 하지만 그것이 바로 제가 필요했던 것이며, 지루한 부분들을 직접 작성할 필요가 없었습니다.