[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_23":24,"_25":26,"_27":21,"_28":21,"_29":21,"_30":21,"_31":21,"_32":21,"_33":34},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":-7,"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":21},"sharedTextdocId","68b1ac28a0b08191871c7d9ae31716b9","versionInt","title","중장년층 Ai 학습 웹사이트 - 원페이지 React","type","code/react","content","import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { Button } from \"@/components/ui/button\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"@/components/ui/card\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { CheckCircle2, Bot, Briefcase, HeartPulse, Home, Shield, GraduationCap, Cpu, Share2, ChevronRight, ArrowUp } from \"lucide-react\";\n\n// --- 작은 유틸 ---\nconst fadeUp = {\n initial: { opacity: 0, y: 16 },\n animate: { opacity: 1, y: 0 },\n transition: { duration: 0.5 },\n};\n\nconst Section = ({ id, title, subtitle, children }: { id: string; title: string; subtitle?: string; children: React.ReactNode }) => (\n

\n \n

{title}

\n {subtitle &&

{subtitle}

}\n \n

{children}

\n);\n\nexport default function MidlifeLearnAI() {\n const nav = [\n { id: \"intro\", label: \"개요\" },\n { id: \"reskill\", label: \"직업 재교육\" },\n { id: \"daily\", label: \"일상 활용\" },\n { id: \"inclusion\", label: \"디지털 격차 해소\" },\n { id: \"education\", label: \"자녀 교육 지원\" },\n { id: \"programs\", label: \"학습 시작 가이드\" },\n ];\n\n const scrollTo = (id: string) => {\n const el = document.getElementById(id);\n if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n };\n\n return (\n

\n {/* Top Nav */}\n

\n \n

\n\n {/* Hero */}\n

\n \n 40–60대 이상을 위한 로드맵\n

\n 지금, 중장년이 AI를 배워야 하는\n 4가지 핵심 이유\n

\n 커리어 지속과 생활 품질 향상, 디지털 소외 예방, 자녀 교육 지원까지—\n AI 학습은 선택이 아니라 필수 역량입니다.\n

\n \n \n

\n 실전 예시 · 무료/저비용 코스 · 단계별 체크리스트\n

\n \n\n \n \n \n AI 학습이 주는 효과\n \n \n

재취업·전직 경쟁력 강화

AI 도구로 문서/분석 자동화, 직무 전환에 필요한 디지털 역량 확보.

생활 편의·안전 향상

스마트홈·음성비서·맞춤 추천으로 시간을 절약하고 안전을 강화.

디지털 격차 해소

공공·민간 교육으로 소외를 줄이고 사회참여와 소득 기회를 확대.

자녀·손주 교육 지원

부모의 디지털 리터러시가 곧 최고의 교재. 함께 배우고 지도하기.

\n \n \n \n

\n\n {/* 1. 직업 재교육 */}\n

\n \n \n 실무 자동화\n \n \n

문서·보고서 초안, 데이터 요약/분석, 메일/제안서 작성을 생성형 AI로 가속.

채용공고 스크랩·요약
이력서/포트폴리오 맞춤화
반복 업무 매크로·자동화

\n \n \n \n \n 새로운 일자리\n \n \n

데이터 라벨링·품질관리, 고객지원 에이전트 운영, 프롬프트 엔지니어링 등 진입 가능한 역할.

현업 경험을 활용한 컨설팅·강의·창업 기회도 확대.

\n \n \n \n \n 학습·취업 연계\n \n \n

지자체/공공기관 무료·저비용 AI 과정, 수료 후 취·창업 컨설팅 및 일자리 연계 프로그램 활용.

예: 기술교육원·50플러스센터·평생학습관 등.

\n \n \n

\n\n {/* 2. 일상 활용 */}\n

\n \n 스마트홈\n \n

조명·가스·도어락 원격 제어, 공기질 자동 관리.

외출 중에도 앱으로 안전 확인.

\n \n \n \n 건강관리\n \n

운동·수면·약 복용 알림, 웨어러블 지표 기반 코칭.

맞춤 식단·운동 추천.

\n \n \n \n 개인비서\n \n

일정·가사·재무 메모 자동 정리, 장보기 추천, 뉴스 브리핑.

음성으로 간편 제어.

\n \n \n \n 이동·쇼핑\n \n

실시간 교통 기반 최적 경로 안내.

추천 시스템으로 취향 맞춤 상품 탐색.

\n \n \n

\n\n {/* 3. 디지털 격차 해소 */}\n

\n \n 공공 디지털 교육\n \n

지자체·공공기관의 생성형 AI·스마트워크 과정 참여로 역량 강화.

실습 중심 프로젝트로 자신감·사회참여 제고.

\n \n \n \n 커뮤니티 학습\n \n

스터디/동호회에서 함께 배우고, 성과물을 블로그·SNS로 공유.

관계 확장과 고립감 완화.

\n \n \n \n 현장 적용\n \n

현업 문제(매출·고객·공정·문서)를 AI로 개선하여 즉시 성과 창출.

작게 시작해 반복 개선(Lean)으로 확장.

\n \n \n

\n\n {/* 4. 자녀 교육 지원 */}\n

\n \n 부모의 학습 모델\n \n

부모의 지속 학습 태도는 자녀의 학습 동기와 진로 탐색에 직접적 영향을 줍니다.

AI 도구로 과제 아이디어 발상, 자료 조사, 코드/글쓰기 첨삭 동행.

\n \n \n \n 디지털 리터러시 코칭\n \n

개인화 학습 플랫폼으로 수준별 학습을 지원.

\n \n \n

\n\n {/* 학습 시작 가이드 */}\n

\n \n 1주차 · 필수 리터러시\n \n

생성형 AI 개념, 한계와 안전
프롬프트 기본 템플릿 5선
사실 검증 체크리스트

\n \n \n \n 2주차 · 업무 자동화\n \n

문서·보고서 초안/요약 파이프라인
표·데이터 가공, 반복 작업 스크립트
이력서·제안서 맞춤화

\n \n \n \n 3주차 · 생활 활용\n \n

스마트홈/비서 세팅, 건강 루틴 자동 알림
가계·쇼핑 최적화, 이동 경로 추천
가족 커뮤니케이션 보조

\n \n \n \n 4주차 · 나만의 프로젝트\n \n

업무/생활 문제 선정 → 해결안 설계
지표 정의, 전/후 비교
성과 공유(문서·발표·영상)

\n \n \n

\n \n \n \n

\n\n {/* FAQ */}\n

\n \n 코딩을 못해도 되나요?\n \n 네. 문서 작성, 정보 검색, 자동화 등은 비코딩 도구만으로도 큰 효과를 볼 수 있습니다. 필요시 노코드/로우코드부터 시작하세요.\n \n \n \n 시간이 부족한데 가능할까요?\n \n 하루 20–30분의 짧은 학습으로도 실무·생활에 바로 쓰는 방법을 익힐 수 있습니다. 작은 자동화부터 시작해 보세요.\n \n \n \n 보안·저작권은 어떻게 지키나요?\n \n 민감 정보 비입력, 출처 명시, 결과 재검증을 기본 원칙으로 삼고, 조직 정책과 공공 가이드라인을 준수하세요.\n \n \n \n 무엇부터 배우면 좋을까요?\n \n 본 페이지의 4주 커리큘럼을 따라가며 ‘한 개의 문제’를 해결하는 프로젝트형 학습을 추천합니다.\n \n \n

\n\n {/* Footer */}\n \n

\n );\n}\n","access","public","isModerationBlocked",false,"isAnonifyApiKeyDetected","dd",{"_35":36,"_37":38},"disablePrefetch",true,"shouldPrefetchAccount","shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",34],"traceId","6422485162590623395","traceTime",1776531137590]