"AI 석예린"의 두 판 사이의 차이
(→자기소개) |
|||
| 59번째 줄: | 59번째 줄: | ||
| style="border-bottom: 1px solid #eee;" | 정솔미 교수님 | | style="border-bottom: 1px solid #eee;" | 정솔미 교수님 | ||
|} | |} | ||
| + | |||
| + | <div style="max-width: 800px; margin: 0 auto; background-color: #f0f4f8; padding: 30px; font-family: 'Noto Sans KR', sans-serif; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);"> | ||
| + | |||
| + | <!-- ══ 상단 2단 레이아웃 (좌측: 사진/좌우명, 우측: 프로필 카드) ══ --> | ||
| + | <div style="display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 30px;"> | ||
| + | |||
| + | <!-- [좌측 영역] 사진 및 Life Motto --> | ||
| + | <div style="flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 20px;"> | ||
| + | |||
| + | <!-- 사진 영역 스타일 카드 --> | ||
| + | <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); position: relative;"> | ||
| + | <!-- 말풍선 스타일 포인트 --> | ||
| + | <div style="display: flex; gap: 8px; margin-bottom: 15px; justify-content: flex-end;"> | ||
| + | <span style="background: #007bff; color: #ffffff; font-size: 0.75rem; padding: 4px 12px; border-radius: 12px; font-weight: bold;">HELLO</span> | ||
| + | <span style="background: #007bff; color: #ffffff; font-size: 0.75rem; padding: 4px 12px; border-radius: 12px; font-weight: bold;">저를 소개합니다</span> | ||
| + | </div> | ||
| + | <!-- 위키 파일 이미지 호출 형태 태그 --> | ||
| + | <div style="text-align: center;"> | ||
| + | <img src="부실감자.jpg" alt="부실감자" style="width: 100%; max-height: 350px; object-fit: cover; border-radius: 8px;"> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- Life Motto 영역 (표에 없는 항목 안내 문구) --> | ||
| + | <div style="background: #ffffff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.03);"> | ||
| + | <div style="font-weight: 700; color: #f59e0b; font-size: 0.95rem; margin-bottom: 8px; display: flex; align-items: center; gap: 5px;"> | ||
| + | <span>⭐</span> Life Motto | ||
| + | </div> | ||
| + | <div style="font-size: 0.89rem; color: #555555; background: #f8fafc; padding: 12px; border-radius: 8px; border: 1px dashed #cbd5e1;"> | ||
| + | (제공된 표에 없는 항목입니다) | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <!-- [우측 영역] 프로필 카드 --> | ||
| + | <div style="flex: 1; min-width: 300px; background: #ffffff; border-radius: 12px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); display: flex; flex-direction: column; justify-content: space-between;"> | ||
| + | <div> | ||
| + | <!-- 프로필 아이콘 및 타이틀 --> | ||
| + | <div style="text-align: center; margin-bottom: 20px;"> | ||
| + | <div style="width: 60px; height: 60px; background: #e0f2fe; border-radius: 50%; margin: 0 auto 10px auto; display: flex; align-items: center; justify-content: center; color: #0284c7; font-size: 1.5rem; font-weight: bold;">석</div> | ||
| + | <h2 style="margin: 0; font-size: 1.5rem; font-weight: 800; color: #0f172a; letter-spacing: 1px;">PROFILE</h2> | ||
| + | </div> | ||
| + | |||
| + | <!-- 핵심 요약 프로필 리스트 --> | ||
| + | <div style="display: flex; flex-direction: column; gap: 12px; font-size: 0.9rem;"> | ||
| + | <div style="display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;"> | ||
| + | <span style="font-weight: 700; color: #64748b;">이름</span> | ||
| + | <span style="color: #1e293b; font-weight: 600;">석예린</span> | ||
| + | </div> | ||
| + | <div style="display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;"> | ||
| + | <span style="font-weight: 700; color: #64748b;">학과</span> | ||
| + | <span style="color: #1e293b; font-weight: 600;">한문학과 (2025)</span> | ||
| + | </div> | ||
| + | <div style="display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;"> | ||
| + | <span style="font-weight: 700; color: #64748b;">MBTI</span> | ||
| + | <span style="color: #1e293b; font-weight: 600;">INFJ</span> | ||
| + | </div> | ||
| + | <div style="display: flex; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #f1f5f9;"> | ||
| + | <span style="font-weight: 700; color: #64748b;">관심 직업</span> | ||
| + | <span style="color: #1e293b; font-weight: 600;">교수 (연구직)</span> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- 하단 버튼 스타일 --> | ||
| + | <div style="margin-top: 25px;"> | ||
| + | <div style="background: #007bff; color: #ffffff; text-align: center; padding: 12px; border-radius: 8px; font-weight: bold; font-size: 0.9rem; cursor: pointer; box-shadow: 0 4px 10px rgba(0,123,255,0.2);"> | ||
| + | Show More | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | |||
| + | <!-- ══ 하단 1단 레이아웃 (제공된 표 내용 상세) ══ --> | ||
| + | <div style="background: #ffffff; border-radius: 12px; padding: 25px; box-shadow: 0 2px 10px rgba(0,0,0,0.03);"> | ||
| + | |||
| + | <!-- 01. 기본 정보 --> | ||
| + | <h3 style="font-size:1.05rem; font-weight:700; color:#1e293b; margin:0 0 12px 0; padding-left:10px; border-left:3px solid #007bff;">01. 기본 정보</h3> | ||
| + | <table style="width:100%; border-collapse:collapse; font-size:0.89rem; border:1px solid #e2e8f0; margin-bottom:25px;"> | ||
| + | <tr><td style="width:26%; padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">이름</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">석예린</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">구글계정</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">yerinseok3355@gmail.com</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">입학연도</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">2025</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">학과</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">한문학과</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc;">복수전공</td><td style="padding:11px 16px; color:#334155;">없음</td></tr> | ||
| + | </table> | ||
| + | |||
| + | <!-- 02. 선호 및 관심사 --> | ||
| + | <h3 style="font-size:1.05rem; font-weight:700; color:#1e293b; margin:0 0 12px 0; padding-left:10px; border-left:3px solid #007bff;">02. 선호 및 관심사</h3> | ||
| + | <table style="width:100%; border-collapse:collapse; font-size:0.89rem; border:1px solid #e2e8f0; margin-bottom:25px;"> | ||
| + | <tr><td style="width:26%; padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">MBTI</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">INFJ</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">활동 SNS</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">인스타그램</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">가장 많이 사용하는 AI</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">제미나이</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">관심 있는 동아리 분과</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">베이킹, 밴드</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">최애 소울푸드</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">육회</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc;">여행 가고 싶은 나라</td><td style="padding:11px 16px; color:#334155;">아이슬란드</td></tr> | ||
| + | </table> | ||
| + | |||
| + | <!-- 03. 취업 및 진로 --> | ||
| + | <h3 style="font-size:1.05rem; font-weight:700; color:#1e293b; margin:0 0 12px 0; padding-left:10px; border-left:3px solid #007bff;">03. 취업 및 진로</h3> | ||
| + | <table style="width:100%; border-collapse:collapse; font-size:0.89rem; border:1px solid #e2e8f0;"> | ||
| + | <tr><td style="width:26%; padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">관심 직업분야</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">교수</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">선호 직업형태</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">연구직</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc; border-bottom:1px solid #e2e8f0;">희망 근무지역</td><td style="padding:11px 16px; color:#334155; border-bottom:1px solid #e2e8f0;">서울</td></tr> | ||
| + | <tr><td style="padding:11px 16px; font-weight:700; color:#1e293b; background:#f8fafc;">롤모델</td><td style="padding:11px 16px; color:#334155;">정솔미 교수님</td></tr> | ||
| + | </table> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | </div> | ||
