Highlights
foura.ai를 처음부터 다시 디자인하고 이틀 만에 모든 FourA 자산에 새로운 디자인을 적용했습니다. 블로그, docs, 업데이트 포털, 인증 페이지, 이메일 템플릿, 에러 페이지가 모두 포함됩니다. 이제 FourA 이름이 들어간 모든 곳의 디자인이 일치합니다. 인프라 측면에서는 오탐을 제거하기 위해 모니터링 시스템을 개편하고, 적절한 인시던트 로그와 함께 설정 가능한 임계값을 추가했습니다.
What's New
Complete Website Redesign
메인 사이트의 비주얼을 완전히 개편했습니다. 새로운 타이포그래피(Outfit), 인디고 색상 팔레트, 시스템 기본 옵션을 지원하는 다크/라이트 테마가 적용되었습니다. 요금제 카드, 플레이그라운드, 랜딩 페이지, 문의 및 법적 고지 페이지, 그리고 정적 스크린샷 대신 실제 HTML을 보여주는 대시보드 미리보기 섹션 등 모든 컴포넌트를 새로 구축했습니다.
서버 사이드 OG 메타 태그를 추가하여 Slack이나 Discord에서 FourA 링크를 공유할 때 각 페이지의 올바른 제목과 설명이 표시되도록 했습니다. 이미 로그인한 상태라면 버튼이 "Try Free"에서 "Go to Dashboard"로 자동으로 전환됩니다.
One Design System, Everywhere
단일 디자인 개편도 좋지만, 모든 접점에서 일관성을 유지하는 것이 중요합니다. 동일한 디자인 시스템을 다음에 적용했습니다:
- 새로운 타이포그래피, 색상, 표준화된 헤더가 적용된 블로그 및 Docs
- 메인 사이트와 완전히 일치하도록 정렬된 업데이트 포털
- 모든 로그인 및 회원가입 플로우가 이제 FourA의 디자인과 일치하는 인증 페이지
- API 키 알림, 할당량 경고, 모니터링 알림을 위한 이메일 템플릿
- 502 에러조차 브랜드 아이덴티티를 느끼게 하는 에러 페이지
다크 모드를 한 번만 설정하면 어디서나 유지됩니다. .foura.ai 전체에서 공유되는 cookie를 사용하여 system, light, dark의 세 가지 상태를 갖는 크로스 사이트 테마 동기화를 구축했습니다. 설정한 기본 설정은 탭과 세션 간에 유지됩니다.
Cmd+K Command Palette
블로그, docs 또는 업데이트 포털에서 Cmd+K(또는 Ctrl+K)를 누르세요. 즉각적인 검색과 탐색이 가능합니다. 검색 필드가 비어 있을 때는 이동 가능한 대상이 표시됩니다. 입력을 시작하면 실시간으로 콘텐츠를 필터링합니다. 작은 기능이지만 삶의 질을 크게 향상시킵니다.
Multi-Currency Pricing
이제 요금제 페이지에서 GeoIP를 통해 사용자의 위치를 감지하고 현지 통화로 금액을 표시합니다. 출시 시점에는 USD, EUR, GBP를 지원합니다. 환율은 실시간 시장 데이터에서 매주 업데이트되며, GeoIP 데이터베이스는 2주마다 업데이트됩니다. 실제로 지불할 금액을 더 이상 추측할 필요가 없습니다.
Under the Hood
Monitoring Overhaul
가장 큰 문제는 오탐이었습니다. 기존 CPU 모니터링은 싱글 코어 사용량을 멀티 코어 컨테이너 제한과 비교했습니다. 4코어 컨테이너에서 하나의 코어 사용량이 90%인 Node.js 프로세스는 전체의 90%가 아니라 22.5%를 차지합니다. 모든 CPU 메트릭을 실제 컨테이너 용량에 맞게 정규화했습니다.
rate limit 평가는 인스턴스별 카운팅에서 실제로 제한이 적용되는 API 게이트웨이로 이동했습니다. 이를 통해 내부 서비스 간의 트래픽을 카운팅하여 발생하던 잘못된 "approaching rate limit" 경고를 제거했습니다.
이제 임계값은 읽기 및 편집을 위한 전체 API와 함께 데이터베이스에 저장됩니다. 재배포 없이도 알림 민감도를 조정할 수 있습니다. 또한 히스테리시스가 적용된 인시던트 로그를 추가하여, 서비스 상태가 미세하게 흔들릴 때 50개의 알림이 발송되는 현상을 방지했습니다.
The 19,000-Request Ghost
request 파이프라인의 파싱 에러로 인해 활성 request 카운터 누수가 발생했습니다. 검증에 실패하면 카운트가 증가했지만 감소하지는 않았습니다. proxy routing 서비스는 19,390개의 "활성" request를 보고하고 있었습니다. 실제 수치는 약 20개였습니다. request 추적을 적절한 에러 핸들링으로 감싸서 이 문제를 해결했습니다.
Infrastructure
ClickHouse를 v24에서 성능이 튜닝된 v26 LTS로 업그레이드했습니다. 시스템 로그 테이블에 7일 TTL을 적용하고, 백그라운드 스레드를 줄였으며, 메모리를 2GB에서 4GB로 늘렸습니다. Proxy Vault 데이터베이스도 동일하게 메모리를 증설했습니다. CI 측면에서는 여러 워크플로우가 동시에 트리거될 때 배포 경합 조건이 발생하는 것을 방지하기 위해 동시성 그룹을 추가했습니다.
하지만 가장 미래지향적인 변화는 아주 작은 부분에서 시작되었습니다. AI 어시스턴트가 FourA의 역할을 구조화된 설명으로 읽을 수 있도록 llms.txt를 추가했습니다. 지금은 2026년입니다. 점점 더 많은 개발자가 검색 엔진이 아닌 AI를 통해 도구를 찾고 있습니다. 그 과정을 쉽게 만드는 것이 좋습니다.