레시피 2: 대상자 선정 자가진단 셀프 도구 — 안티그래비티 IDE (베타 무료)

🌿 1. 사복쌤, 이럴 때 꼭 쓰세요! (현장 대화록 & 비포 애프터)

복지관에 서류를 떼어 들고 오셨다가 부적격 처리되어 화를 내시거나 아쉬워하는 안타까운 상황을 미리 방지합니다.

박 사회복지사: "어르신, 날씨도 추운데 등본이랑 통장 사본까지 다 떼서 오셨네요! 어디 보자... 아 어르신, 연세가 만 63세이시네요. 저희 긴급 식사 지원 사업은 만 65세 이상 어르신만 대상이 되세요..."

민원 어르신: "뭐라고? 주민센터 가서 등본 떼느라 돈 들고 1시간 걸어서 왔는데 안 된다고? 진작 안 된다고 말해줬어야지!"

박 사회복지사: "죄송합니다 어르신... 전화로 문의 주셨을 때 나이를 먼저 여쭤봤어야 했는데..."

최 팀장: "박 사복쌤, 주민들이 오시기 전에 스마트폰으로 버튼 4개만 눌러서 대상자인지 미리 확인하고, 방문 시 챙겨올 서류(등본, 신분증)까지 알려주는 자가진단 웹페이지를 하나 만들면 좋겠어!"

❌ 기존 신청 방식 (불편한 현장)

· 주민이 서류 떼서 방문 ➔ 나이 미달이나 타기관 중복 수혜로 부적격 ➔ 주민 헛걸음 및 거절 민원 폭발
· "저 도배 지원되나요?" 하루에도 20번 넘게 단순 자격 조건 설명하느라 업무 마비

✨ 셀프 자가진단 도구 (도입 후 기적)

· 주민이 포스터 QR코드를 찍고 예/아니오 4번 터치 ➔ [지원 가능 대상입니다! 🟢] 판정
· 방문 시 챙겨와야 할 서류(등본, 신분증) 미리 안내 ➔ 서류 미비로 다시 돌아가는 일 0건!

🖼️ 2. 완성된 자가진단 도구의 화면 구성 (미리보기)

AI 지시 후 만들어지는 자가진단 질문 슬라이드 및 판정 카드 모습입니다.

📱 질문 진행 카드 & 성공/안내 카드 렌더링 예시

[ 질문 2 / 4 단계 ]

Q2. 연세가 만 65세 이상이신가요?

🎉 지원 가능 대상입니다! 🟢

💡 준비 서류: 주민등록등본, 신분증사본

📁 3. 폴더 준비하기 (1:1 유치원 가이드)

1. 바탕화면 `안티그래비티_연습` 폴더 지정 안티그래비티 IDE 상단 메뉴 [File] ➔ [Open Folder] 누르고 바탕화면 `안티그래비티_연습` 폴더를 선택하세요.

💬 4. 5단계 연속 마스터 프롬프트 (채팅창 복붙 풀패키지)

STEP 1 1차 프롬프트 — 자가진단 질문 및 판정 로직 생성

📋 아래 복사 버튼을 누르고 채팅창에 붙여넣으세요

노인 식사 지원 사업 자격 자가진단 모바일 웹 도구(`index.html`)를 만들어줘.

[진단 질문 4가지]
1단계: "현재 ○○구에 거주하고 계신가요?" (예/아니오)
2단계: "연세가 만 65세 이상이신가요?" (예/아니오)
3단계: "거동이 불편하여 스스로 식사 준비가 어려우신가요?" (예/아니오)
4단계: "현재 다른 기관에서 도시락이나 반찬 지원을 받고 계신가요?" (예/아니오)

[판정 로직]
- 1, 2, 3단계 '예', 4단계 '아니오' ➔ [지원 가능 대상입니다 🟢] 녹색 성공 카드
- 그 외 ➔ [지원 기준 재확인이 필요합니다 🟡] 주황색 안내 카드

질문이 1개씩 넘어가게 한 개의 `index.html` 파일로 작성해줘.

STEP 2 2차 프롬프트 — 지참 서류 안내 & 담당 복지사 전화 버튼 추가

📋 1차 작성이 끝난 후 이어서 적으세요

`index.html` 결과 화면을 업그레이드해줘.

1. [지원 가능 대상] 카드 하단에 "💡 방문 시 준비 서류: 주민등록등본, 신분증, 수급자증명서" 세부 안내 상자 포함.
2. "📞 담당 사회복지사와 상담하기"(tel:02-1234-5678) 대형 버튼 추가.

STEP 3 3차 프롬프트 — 처음부터 다시 진단하기 리셋 버튼 추가

📋 잘못 누른 주민을 위해 진단을 처음부터 다시 시작하는 버튼

결과 카드 하단에 "🔄 처음부터 다시 진단하기" 버튼을 추가해서 1번 질문으로 돌아가게 해줘.

🚨 5. 막혔을 때 1초 해결사! (Troubleshooting)

Q. 질문 버튼을 눌렀는데 반응이 없고 다음 카드가 안 나와요!

➔ **해결 프롬프트:** "자바스크립트 진행 로직을 보정해서 예/아니오 버튼 클릭 시 다음 질문 카드로 넘어가는 함수를 고쳐줘."

🎁 6. 다른 사업에도 바로 쓰는 실무 응용 5선 (확장팩)

🏠 응용 1: 주거환경개선(도배·장판) 자가진단

주거환경개선 사업 자가진단 도구(`index.html`)를 작성해줘. 질문: 1) 수급자/차상위 여부, 2) 자가/임대 여부, 3) 최근 3년 이내 지원 이력 없음.

👶 응용 2: 저소득 가정 자녀 장학금 신청 자격 진단

저소득 가정 장학금 자가진단 도구(`index.html`)를 작성해줘. 질문: 1) 관내 중고등학생 재학 여부, 2) 기준중위소득 100% 이하 여부, 3) 타 기관 장학금 이중 수혜 없음.

📄 7. 최종 완성 소스 코드 (한 줄 한 줄 한국어 주석 포함)

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>식사지원 자가진단 도구</title> <style> body { font-family: sans-serif; background: #eff6ff; padding: 20px; text-align: center; } .card { background: #fff; border-radius: 20px; padding: 24px; max-width: 400px; margin: 0 auto; } .btn { padding: 12px; margin: 6px; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; } .btn-yes { background: #22c55e; color: #fff; } .btn-no { background: #cbd5e1; color: #334155; } </style> </head> <body> <div class="card"> <h2>🔍 식사 지원 자가진단</h2> <p>간단한 4가지 질문으로 자격을 진단해보세요.</p> <button class="btn btn-yes" onclick="alert('지원 가능 대상입니다!');">진단 시작하기</button> </div> </body> </html>

레시피 2 백과사전 마스터 완수! 🚀

단순 문의 전화 80% 줄이고 주민 헛걸음 없는 스마트 복지관을 만드세요.

← 보물창고 커리큘럼으로 돌아가기

대상자 선정 자가진단 셀프 도구 🔍