[더위먹은 개발자랑] 🏛️ 성격의약품안전처 — 내 성격, 의약품으로 정식 허가받기

1. 프로젝트 소개
👉 https://mbti-certificate.vercel.app

조사 결과, 국민 대다수의 성격이 무허가 상태로 유통되고 있는 것으로 확인되었습니다.

성격의약품안전처(MPDS)는 12문항 심사를 통해 여러분의 성격을 16종 의약품 중 하나로 정식 허가해 드리는 가상 정부기관입니다. 심사를 통과하면 품목허가증이 발급되며, 주성분·효능·효과·사용상의 주의사항·병용금기까지 성실하게 고지됩니다.

현직 제약 RA(인허가) 담당자가 만들었습니다. 매일 진짜 품목허가 서류를 들여다보다가, 이번 대회를 핑계로 세상에서 제일 쓸데없는 허가증을 발급해 보았습니다. 첨부문서 양식과 병용금기 항목의 디테일에 직업병이 반영되어 있습니다.

2. 사용한 툴

• Claude — 기획부터 16개 유형 문구 작성, 코드 구현까지 함께 진행 (AI 적극 활용!)

• HTML / CSS / JS 단일 파일 — 프레임워크 없음, 백엔드 없음, API 없음, 비용 0원

• html2canvas — 허가증 이미지 저장 기능

• GitHub + Vercel — 배포

3. 핵심 기능

• 12문항 심사 — 4개 축(에너지/계획성/감정표출/텐션)으로 성격을 분석해 16종 의약품 중 하나로 허가

• 품목허가증 발급 — 실제 의약품 허가증 양식 그대로: 주성분(오지랖 수화물 300mg), 효능·효과, 용법·용량, 사용상의 주의사항("본 제제의 '괜찮아'는 액면 그대로 해석하지 말 것"), 병용 권장/금기, 저장방법, 유효기간까지

• 심사관 특이사항 — 유형별 한 줄 코멘트 ("이불 밖 환경에서의 안전성은 아직 검증된 바 없음")

• 직인 애니메이션 — 허가증 발급 순간 빨간 도장이 쾅 찍힙니다. 가장 공들인 부분입니다 (허가의 무게감)

• 이미지 저장 — 발급된 허가증을 PNG로 저장해 바로 SNS 자랑 가능

4. 실행 화면

1. 민원 접수 화면
   

   

2. 심사 문항 화면
   

   

   
   

3. 품목허가증 발급 결과
   

   

5. 한 줄 후기

드디어 반려 걱정 없는 허가증을 발급해 봤습니다. 여러분의 성격도 더 늦기 전에 합법이 되시길 바랍니다. (신고 아님, 추천임)