Vanilla JS와 DivineAPI를 활용한 50분 내 초고속 위젯 구현

Context

웰니스 블로그 메인 페이지 내 임베디드 타로 카드 위젯 구축 필요성 대두. 금요일 오후 작업 시작 후 월요일 뉴스레터 발행 전까지 완료해야 하는 극도로 짧은 타임라인 제약 상황 발생.

Technical Solution

• 외부 의존성을 제거한 Vanilla JavaScript 기반 설계를 통한 어떤 사이트든 즉시 삽입 가능한 이식성 확보
• multipart/form-data 형식을 요구하는 API 특성에 맞춰 JSON 대신 FormData 객체를 사용한 데이터 전송 구조 설계
• Bearer Token과 API Key라는 이중 인증 체계를 적용하여 API 접근 권한 제어
• API 응답 데이터 내 Love, Career, Finance 필드를 매핑하여 탭 클릭 시 텍스트만 교체하는 State 관리 로직 구현
• DOM 요소의 hidden 속성을 제어하여 초기 힌트 문구에서 카드 결과 화면으로 전환되는 UI 흐름 설계