반응형

2026/03/16 2

96. 챗봇 서비스를 10개 기능으로 확장하면서 설계에서 배운 것

처음 pia-privacy.com을 만들었을 때는 챗봇 한 페이지였다. 지금은 10개 기능이 된다. 처리방침 리뷰, 위험도 자가진단, 동의서·계약서 생성, 컴플라이언스 캘린더, PIA 체크리스트, 침해사례 DB, 업종별 가이드 등이다.이 과정에서 설계에 대해 몇 가지를 배웠다.기능을 추가할 때 가장 중요한 건 진입점이다10개 기능이 생기면 사용자가 어디서 시작해야 하는지 모른다. 처음에는 그냥 링크 목록을 페이지에 나열했다. 그런데 기능이 4개만 넘어가도 "뭐가 있는지"보다 "내가 뭘 해야 하는지"로 생각하는 게 더 자연스럽다는 걸 깨달았다.그래서 드롭다운 메뉴로 묶고, 모바일에서는 햄버거 메뉴로 숨겼다. 기능의 이름보다 "내가 지금 뭘 하려는가"에 맞게 레이블을 붙이는 게 중요했다.각 기능의 시스템 프..

카테고리 없음 2026.03.16

95. 정적 HTML + S3 + Claude API로 서비스 구조를 잡은 이유

pia-privacy.com은 서버가 없다. 백엔드 코드가 없고, 데이터베이스도 없다. HTML 파일 몇 개를 S3 버킷에 올리고, 버킷을 정적 웹사이트로 설정한 게 전부다.왜 이 구조를 선택했나운영 부담이 제일 컸다. EC2나 Lambda를 쓰면 관리해야 할 것들이 생긴다. 보안 패치, 모니터링, 비용 관리. 개인 프로젝트에서 이걸 계속 신경 쓰고 싶지 않았다.S3 정적 호스팅은 파일을 올리면 끝난다. SSL도 CloudFront를 붙이면 해결된다. 비용은 거의 없다.실제 구성HTML 파일이 직접 fetch()로 Anthropic API를 호출한다. 중간에 아무것도 없다.사용자 → 브라우저 → Anthropic API장점은 단순함이다. 단점은 API 키가 클라이언트 코드에 들어간다는 것이다. 이 부분은..

카테고리 없음 2026.03.16
반응형