441 lines
17 KiB
HTML
441 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>수지 AI·데이터 아카데미 - Python · 데이터 · AI 클래스</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="온라인 + 오프라인 Python/데이터/AI 실전 수업. 초등·중등·성인 소그룹 코칭, 업무자동화, 텍스트 분석, LLM, 대시보드까지 결과물 중심으로 진행합니다." />
|
|
<meta name="author" content="수지 AI·데이터 아카데미" />
|
|
<!-- css -->
|
|
<link href="css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
|
|
<link href="css/jcarousel.css" rel="stylesheet" />
|
|
<link href="css/flexslider.css" rel="stylesheet" />
|
|
<link href="css/style.css" rel="stylesheet" />
|
|
<link href="css/ncue.css?v=20260103-1" rel="stylesheet" />
|
|
|
|
<!-- Theme skin -->
|
|
<link href="skins/default.css" rel="stylesheet" />
|
|
|
|
<!-- =======================================================
|
|
Theme Name: Moderna
|
|
Theme URL: https://bootstrapmade.com/free-bootstrap-template-corporate-moderna/
|
|
Author: BootstrapMade
|
|
Author URL: https://bootstrapmade.com
|
|
======================================================= -->
|
|
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<!-- start header -->
|
|
<header>
|
|
<div class="navbar navbar-default navbar-static-top">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="index.html"><span>수지</span> AI·데이터 아카데미</a>
|
|
</div>
|
|
<div class="navbar-collapse collapse ">
|
|
<ul class="nav navbar-nav">
|
|
<li class="active"><a href="index.html">프로그램 강의</a></li>
|
|
<li><a href="portfolio.html">과제 요청</a></li>
|
|
<li><a href="pricingbox.html">가격</a></li>
|
|
<li><a href="blog.html">공지/컬럼</a></li>
|
|
<li><a href="contact.html">문의/신청</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- end header -->
|
|
<section id="featured">
|
|
<!-- start slider -->
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!-- Slider -->
|
|
<div id="main-slider" class="flexslider">
|
|
<ul class="slides">
|
|
<li>
|
|
<img src="img/slides/hero-ai-1.svg" width="2560" height="900" alt="Python · 데이터 · AI 실전 클래스" />
|
|
<div class="flex-caption">
|
|
<h3>Python · 데이터 · AI 실전 클래스</h3>
|
|
<p>온라인 + 오프라인 소그룹. “수업”이 아니라 <strong>결과물</strong>을 만듭니다.</p>
|
|
<a href="contact.html" class="btn btn-theme">무료 체험/상담 신청</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="img/slides/hero-ai-2.svg" width="2560" height="900" alt="중등 AI 프로젝트 트랙" />
|
|
<div class="flex-caption">
|
|
<h3>중등 AI 프로젝트 트랙</h3>
|
|
<p>텍스트 분석 → 분류 → LLM → 미니 웹앱(발표/포트폴리오)까지 4주 루프.</p>
|
|
<a href="index.html#curriculum" class="btn btn-theme">4주 커리큘럼 보기</a>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<img src="img/slides/hero-ai-3.svg" width="2560" height="900" alt="성인 업무자동화/LLM" />
|
|
<div class="flex-caption">
|
|
<h3>성인 업무자동화 · 데이터 · LLM</h3>
|
|
<p>엑셀/CSV 정리, 문의 요약·분류, KPI 대시보드까지 “내 업무”로 바로 적용합니다.</p>
|
|
<a href="pricingbox.html" class="btn btn-theme">가격/반 구성 보기</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- end slider -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="callaction callaction-home">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="big-cta">
|
|
<div class="cta-text">
|
|
<h2>Python · 데이터 · AI 클래스</h2>
|
|
<p style="margin:10px 0 0;color:#444;">
|
|
초등 · 중등 · 고등 · 성인 소그룹 중심. 평일 저녁 18시 이후 / 주말 언제든 운영합니다.
|
|
</p>
|
|
<p style="margin:10px 0 0;color:#444;">
|
|
<strong>온라인 강의</strong>: Zoom / Teams 진행 + Slack으로 과제/질문/피드백을 관리합니다.
|
|
</p>
|
|
<p style="margin:12px 0 0;">
|
|
<a href="contact.html" class="btn btn-theme">무료 체험/상담</a>
|
|
<a href="pricingbox.html" class="btn btn-default">가격표</a>
|
|
<a href="index.html#curriculum" class="btn btn-default">4주 커리큘럼</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="content">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>초등(초5~6) 만들기반</h4>
|
|
<div class="icon">
|
|
<i class="fa fa-desktop fa-3x"></i>
|
|
</div>
|
|
<p>
|
|
코딩을 “배우는 것”에서 끝내지 않고, 작동하는 결과물을 만들고 발표합니다.
|
|
</p>
|
|
|
|
</div>
|
|
<div class="box-bottom">
|
|
<a href="index.html#curriculum">첫 달 커리큘럼</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>중등 AI 프로젝트반</h4>
|
|
<div class="icon">
|
|
<i class="fa fa-pagelines fa-3x"></i>
|
|
</div>
|
|
<p>
|
|
텍스트 분석 → 분류 → LLM → 미니 웹앱까지. 4주마다 주제를 바꿔 반복 성장합니다.
|
|
</p>
|
|
|
|
</div>
|
|
<div class="box-bottom">
|
|
<a href="pricingbox.html">시간표/가격</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>성인 업무자동화/LLM</h4>
|
|
<div class="icon">
|
|
<i class="fa fa-edit fa-3x"></i>
|
|
</div>
|
|
<p>
|
|
엑셀/CSV 정리, 문의 요약·분류, 주간 리포트 자동 생성 등 “바로 써먹는” 결과물.
|
|
</p>
|
|
|
|
</div>
|
|
<div class="box-bottom">
|
|
<a href="contact.html">상담 신청</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>텍스트 분석 데모</h4>
|
|
<div class="icon">
|
|
<!--<i class="fa fa-code fa-3x"></i>-->
|
|
<i class="fa fa-edit fa-3x"></i>
|
|
</div>
|
|
<p>
|
|
수업에서 다룰 NLP/텍스트 처리 예시를 간단한 데모로 체험해볼 수 있습니다.
|
|
</p>
|
|
|
|
</div>
|
|
<div class="box-bottom">
|
|
<a href="AutospacingKOR.html">자동 띄어쓰기</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- divider -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="solidline">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end divider -->
|
|
|
|
<!-- Curriculum (moved from old portfolio page) -->
|
|
<div class="row" id="curriculum">
|
|
<div class="col-lg-12">
|
|
<h4 class="heading">프로그램 강의 커리큘럼(첫 달 4주)</h4>
|
|
<p style="color:#444;margin:-10px 0 16px;">
|
|
온라인/오프라인 공통으로 “설명”보다 “제작” 중심입니다. 4주마다 주제는 바뀌지만, 흐름(전처리→분류→LLM→웹앱/발표)은 유지해 실력이 누적됩니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="box">
|
|
<div class="box-gray">
|
|
<h4 style="margin-top:0;">A트랙) 중·고등 AI 프로젝트</h4>
|
|
<p style="margin-bottom:10px;color:#444;"><strong>4주 결과물:</strong> “내가 만든 미니 AI 웹앱” 1개 + 2분 발표</p>
|
|
<ul>
|
|
<li><strong>1주차</strong>: 텍스트 전처리/카운트/간단 시각화 + 미니 프로젝트</li>
|
|
<li><strong>2주차</strong>: 분류기 만들기(룰→모델) + 오류 분석</li>
|
|
<li><strong>3주차</strong>: LLM 요약/태깅(JSON 출력) + 품질 비교</li>
|
|
<li><strong>4주차</strong>: Streamlit/Gradio 미니 웹앱 + 데모/발표 + 포트폴리오</li>
|
|
</ul>
|
|
<p style="margin:10px 0 0;">
|
|
<a class="btn btn-theme" href="contact.html">무료 체험/레벨링 신청</a>
|
|
<a class="btn btn-default" href="pricingbox.html">가격표</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="box">
|
|
<div class="box-gray">
|
|
<h4 style="margin-top:0;">B트랙) 성인 실전(업무자동화/데이터/LLM)</h4>
|
|
<p style="margin-bottom:10px;color:#444;"><strong>4주 결과물:</strong> “내 업무 자동화 2개 + 주간 리포트”</p>
|
|
<ul>
|
|
<li><strong>1주차</strong>: 엑셀/CSV 정리 자동화(pandas) + 주간 리포트</li>
|
|
<li><strong>2주차</strong>: 문의/리뷰/VOC 요약·분류(룰+LLM) + 답변 초안</li>
|
|
<li><strong>3주차</strong>: KPI 대시보드(3차트+1표) + 해석 문장</li>
|
|
<li><strong>4주차</strong>: 파이프라인화(설정/로그/에러) + “버튼 하나로 실행”</li>
|
|
</ul>
|
|
<p style="margin:10px 0 0;">
|
|
<a class="btn btn-theme" href="contact.html">상담 신청</a>
|
|
<a class="btn btn-default" href="pricingbox.html">가격표</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Services (beyond classes) -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h4 class="heading">제작/코칭 서비스</h4>
|
|
<p style="margin:-10px 0 16px;color:#444;">
|
|
수업 외에도 <strong>홈페이지 제작</strong>, <strong>AI·데이터사이언스/프로그래밍 프로젝트 코칭</strong>을 진행합니다.
|
|
과제/프로젝트는 “대행”이 아니라 <strong>설계·구현·디버깅·리뷰 중심 코칭</strong>으로 함께 완성합니다.
|
|
<a href="pricingbox.html#services">가격표 보기</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>홈페이지 제작/리뉴얼</h4>
|
|
<div class="icon"><i class="fa fa-globe fa-3x"></i></div>
|
|
<p>학원/개인/소상공인용 랜딩페이지, 포트폴리오, 문의 폼까지 “깔끔하게” 제작합니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="pricingbox.html#services">제작 비용 보기</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>프로젝트·과제 코칭(1:1)</h4>
|
|
<div class="icon"><i class="fa fa-code fa-3x"></i></div>
|
|
<p>문제 정의 → 로드맵 → 구현 → 디버깅 → 발표/리포트까지 단계별로 코칭합니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="pricingbox.html#services">코칭 비용 보기</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>AI·데이터 프로젝트 컨설팅</h4>
|
|
<div class="icon"><i class="fa fa-line-chart fa-3x"></i></div>
|
|
<p>데이터 파이프라인/모델링/LLM 적용, 대시보드 설계까지 실무 기준으로 점검합니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="contact.html">견적/상담</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Demo links / outcomes -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h4 class="heading">체험 데모 / 예시 결과물</h4>
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>자동 띄어쓰기</h4>
|
|
<p>문장을 입력하면 띄어쓰기 교정 결과를 확인합니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="AutospacingKOR.html">데모 실행</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>형태소 분석(KOR)</h4>
|
|
<p>단어/형태소/품사를 분석하여 결과를 보여줍니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="POSTaggerKOR.html">데모 실행</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>4주 결과물 예시</h4>
|
|
<p>텍스트 분류기 + 요약기 + 미니 웹앱(발표/포트폴리오).</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="portfolio.html">예시 보기</a></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="box">
|
|
<div class="box-gray aligncenter">
|
|
<h4>문의/신청</h4>
|
|
<p>무료 체험/상담 후 레벨에 맞게 반을 추천드립니다.</p>
|
|
</div>
|
|
<div class="box-bottom"><a href="contact.html">신청하기</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">문의</h5>
|
|
<address>
|
|
<strong>수지 AI·데이터 아카데미</strong><br>
|
|
온라인/오프라인 모두 가능<br>
|
|
</address>
|
|
<p>
|
|
<i class="icon-phone"></i> (010) 2827-6537 <br>
|
|
<i class="icon-envelope-alt"></i> dsyoon@ncue.net
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">바로가기</h5>
|
|
<ul class="link-list">
|
|
<li><a href="index.html">프로그램 강의</a></li>
|
|
<li><a href="portfolio.html">과제 요청</a></li>
|
|
<li><a href="pricingbox.html">가격</a></li>
|
|
<li><a href="contact.html">문의/신청</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Latest posts</h5>
|
|
<ul class="link-list">
|
|
<li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li>
|
|
<li><a href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li>
|
|
<li><a href="#">Natus error sit voluptatem accusantium doloremque</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
-->
|
|
<!--
|
|
<div class="col-lg-3">
|
|
<div class="widget">
|
|
<h5 class="widgetheading">Flickr photostream</h5>
|
|
<div class="flickr_badge">
|
|
<script type="text/javascript" src="https://www.flickr.com/badge_code_v2.gne?count=8&display=random&size=s&layout=x&source=user&user=34178660@N03"></script>
|
|
</div>
|
|
<div class="clear">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
<div id="sub-footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="copyright">
|
|
<p>© 수지 AI·데이터 아카데미. All right reserved.</p>
|
|
<div class="credits">
|
|
<a href="https://bootstrapmade.com/">Theme</a> by <a href="https://bootstrapmade.com/">BootstrapMade</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--
|
|
<div class="col-lg-6">
|
|
<ul class="social-network">
|
|
<li><a href="#" data-placement="top" title="Facebook"><i class="fa fa-facebook"></i></a></li>
|
|
<li><a href="#" data-placement="top" title="Twitter"><i class="fa fa-twitter"></i></a></li>
|
|
<li><a href="#" data-placement="top" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
|
|
<li><a href="#" data-placement="top" title="Pinterest"><i class="fa fa-pinterest"></i></a></li>
|
|
<li><a href="#" data-placement="top" title="Google plus"><i class="fa fa-google-plus"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
|
|
<!-- javascript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/jquery.easing.1.3.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/jquery.fancybox.pack.js"></script>
|
|
<script src="js/jquery.fancybox-media.js"></script>
|
|
<script src="js/google-code-prettify/prettify.js"></script>
|
|
<script src="js/portfolio/jquery.quicksand.js"></script>
|
|
<script src="js/portfolio/setting.js"></script>
|
|
<script src="js/jquery.flexslider.js"></script>
|
|
<script src="js/animate.js"></script>
|
|
<script src="js/custom.js"></script>
|
|
|
|
</body>
|
|
</html>
|