홈페이지 (Home/About) 구조 및 내용
홈페이지 (Home/About) 구조 및 내용
페이지 정보
- URL: https://aebonlee.github.io/
- 파일 경로:
_pages/about.md - 레이아웃:
single - permalink:
/
페이지 구성
1. 헤더 섹션
layout: single
classes: wide
permalink: /
title: "이애본"
excerpt: "한국직업능력개발센터 센터장 | 한신대학교 시간강사"
author_profile: true
redirect_from:
- /about/
- /about.html
2. 프로필 사이드바 (author_profile)
- 프로필 이미지: 200x200px 원형
- 이름: 이애본 (Lee Ae-bon)
- 직책:
- 한국직업능력개발센터 센터장
- 한신대학교 시간강사
- 위치: Seoul, Korea
- 이메일: aebon@kyonggi.ac.kr
- 소셜 링크:
- GitHub
- Google Scholar
- ORCID
- ResearchGate
3. 메인 콘텐츠 구조
3.1 인사말 (Introduction)
안녕하세요! 저는 **한국직업능력개발센터**의 센터장이자
**한신대학교** 시간강사로 활동하고 있는 이애본입니다.
3.2 연구 분야 (Research Interests)
- HRD(인적자원개발)
- 직업훈련 프로그램 개발
- 교육과정 설계 및 평가
- 성인학습자 지원 시스템
- AI/머신러닝 교육
- 생성형 AI 활용 교육
- 프롬프트 엔지니어링
- AI 리터러시 교육
- 빅데이터 분석
- 교육 데이터 마이닝
- 학습 분석(Learning Analytics)
- 예측 모델링
- 웹/앱 개발
- 교육 플랫폼 개발
- LMS(학습관리시스템) 구축
- 반응형 웹 디자인
3.3 현재 활동 (Current Activities)
## 현재 진행 중인 프로젝트
### AHP 의사결정 지원 플랫폼
React와 Django 기반의 계층적 분석 프로세스 웹 애플리케이션 개발
### HRD 비대면 교육 시스템
직업훈련기관을 위한 통합 학습관리시스템 구축 및 운영
### AI 교육 커리큘럼 개발
대학생 및 직장인을 위한 AI 기초 교육과정 설계
3.4 학술 여정 (Academic Journey)
## 학술 여정
2025년 박사과정 진행 중
- 경기대학교 직업학과
- 연구주제: 사회적 지능과 학습 성과
2012년 석사 (공학석사)
- 경기대학교 전자계산학과
- 논문: RFID를 이용한 시각장애인 길안내 시스템
2005년 학사 (이학사)
- 경기대학교 전자계산학과
3.5 주요 성과 (Key Achievements)
- 논문 게재: 3편 (KCI 등재지)
- 프로젝트: 10+ 웹/앱 개발 프로젝트 완료
- 강의 경력: 5년+ (대학 및 직업훈련기관)
- 자격증: 15+ IT 및 교육 관련 자격증 보유
3.6 최근 소식 (Recent News)
## 최근 소식
**2025.01** - 생성형 AI 활용 교육 혁신 블로그 포스트 게재
**2024.12** - AHP 플랫폼 개발 완료 및 배포
**2024.09** - 한신대학교 AI 기초와 활용 강의 시작
**2024.03** - 한국직업능력개발센터 센터장 취임
3.7 연락처 (Contact)
## 연락처
📧 이메일: aebon@kyonggi.ac.kr
🏢 사무실: 한국직업능력개발센터
📍 위치: 서울특별시
💼 LinkedIn: [프로필 바로가기]
4. 페이지 스타일링
CSS 클래스
.author__avatar {
width: 200px;
height: 200px;
border-radius: 50%;
}
.page__content {
h2 {
border-bottom: 2px solid $primary-color;
padding-bottom: 0.5em;
margin-top: 2em;
}
.research-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
}
5. 반응형 디자인
- Desktop (1024px+): 사이드바 + 메인 콘텐츠
- Tablet (768-1023px): 상단 프로필 + 전체 폭 콘텐츠
- Mobile (<768px): 스택형 레이아웃
6. SEO 최적화
<meta name="description" content="이애본 - 한국직업능력개발센터 센터장, 한신대학교 시간강사. HRD, AI 교육, 빅데이터 분석 전문가">
<meta name="keywords" content="이애본, Lee Ae-bon, HRD, AI 교육, 빅데이터, 웹개발">
7. 구조화된 데이터 (JSON-LD)
{
"@context": "https://schema.org",
"@type": "Person",
"name": "이애본",
"alternateName": "Lee Ae-bon",
"jobTitle": "센터장",
"worksFor": {
"@type": "Organization",
"name": "한국직업능력개발센터"
},
"alumniOf": "경기대학교",
"email": "aebon@kyonggi.ac.kr",
"sameAs": [
"https://github.com/aebonlee",
"https://orcid.org/0000-0001-5655-1623"
]
}
개선 사항 및 TODO
- 프로필 이미지 최적화 (WebP 포맷)
- 애니메이션 효과 추가
- 다크모드 최적화
- 타임라인 형식의 경력 표시
- 실시간 GitHub 활동 피드
- 방문자 카운터 추가
