"사용자:KSY"의 두 판 사이의 차이

pnu_dhc
이동: 둘러보기, 검색
(새 문서: <!-- 전체 페이지 컨테이너 --> <div style="width: 100%; max-width: 1200px; margin: 0 auto; background: transparent; font-family: 'Noto Sans KR', sans-serif; border: none;">...)
 
 
(같은 사용자의 중간 판 2개는 보이지 않습니다)
2번째 줄: 2번째 줄:
 
<div style="width: 100%; max-width: 1200px; margin: 0 auto; background: transparent; font-family: 'Noto Sans KR', sans-serif; border: none;">
 
<div style="width: 100%; max-width: 1200px; margin: 0 auto; background: transparent; font-family: 'Noto Sans KR', sans-serif; border: none;">
  
−
   <!-- 1. 상단 헤더 배너 (높이 확대) -->
+
   <!-- 위키 기본 목차 숨김 처리 -->
−
   <!-- padding을 대폭 늘려(80px 20px 200px 20px) 텍스트와 사진 간격 확보 -->
+
   __NOTOC__
−
  <div style="background-color: #364f6b; color: #fff; padding: 80px 20px 200px 20px; border-radius: 15px 15px 0 0; text-align: center; margin-bottom: 0; box-shadow: 0 4px 15px rgba(54, 79, 107, 0.2); position: relative; border: none;">
 
−
    <h1 style="margin: 0; font-size: 2.8em; font-weight: 700; color: #fff; border: none; padding-bottom: 10px;">김서윤 (KSY)</h1>
 
−
    <p style="margin: 0; font-size: 1.2em; opacity: 0.9; font-weight: 300;">부산대학교 디지털인문학센터</p>
 
−
  </div>
 
  
−
   <!-- 2. 프로필 사진 (배너와 겹치게 배치 - 300px) -->
+
   <!-- 1. 통합 상단 헤더 배너 (프로필 + 기본정보 + Contact Info 통합) -->
−
  <!-- margin-top을 조절하여 배너 하단 라인에 걸치도록 배치 -->
+
   <div style="background-color: #364f6b; color: #fff; padding: 60px 40px; border-radius: 15px; margin-bottom: 40px; box-shadow: 0 4px 15px rgba(54, 79, 107, 0.2); position: relative; border: none; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 40px;">
−
   <div style="margin-top: -150px; text-align: center; margin-bottom: 50px; position: relative; z-index: 10;">
+
      
−
     <div style="display: inline-block; width: 300px; height: 300px; border-radius: 50%; border: 8px solid #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); overflow: hidden; background-color: #fff;">
+
    <!-- [좌측] 프로필 사진 + 이름 + 소속 -->
−
      [[파일:KSY_Profile.jpg|frameless|center|300px|alt=김서윤 프로필]]
+
    <div style="text-align: center;">
 +
      <div style="display: inline-block; width: 250px; height: 250px; border-radius: 50%; border: 6px solid rgba(255,255,255,0.3); box-shadow: 0 4px 15px rgba(0,0,0,0.2); overflow: hidden; background-color: #fff; margin-bottom: 25px;">
 +
        [[파일:KSY_Profile.jpg|frameless|center|250px|alt=김서윤 프로필]]
 +
      </div>
 +
      <h1 style="margin: 0; font-size: 2.2em; font-weight: 700; color: #fff; border: none; line-height: 1.2; font-family: 'Noto Sans KR', sans-serif;">김서윤 (KSY)</h1>
 +
      <p style="margin: 10px 0 0 0; font-size: 1.1em; opacity: 0.9; font-weight: 300; font-family: 'Noto Sans KR', sans-serif;">부산대학교 디지털인문학센터 계약교수</p>
 
     </div>
 
     </div>
−
  </div>
 
−
 
−
  <!-- 3. 메인 콘텐츠 영역 (Flex Layout) -->
 
−
  <div style="display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-start;">
 
  
−
     <!-- [좌측] 목차, Contact Info, About Me, Life Timeline -->
+
     <!-- [우측] Contact Info (스타일 수정: 투명 배경 및 흰색 텍스트 강제) -->
−
     <div style="flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 30px;">
+
     <div style="text-align: left; background: rgba(255, 255, 255, 0.1); padding: 30px; border-radius: 20px; min-width: 300px; border: 1px solid rgba(255,255,255,0.2);">
 +
      <h3 style="color: #fff; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 10px; font-size: 1.4em; margin-top: 0; font-family: 'Noto Sans KR', sans-serif;">Contact Info</h3>
 
        
 
        
−
       <!-- [목차 위치 이동] 좌측 최상단 배치 -->
+
       <!-- 항목 1: Office -->
−
       <div style="background-color: #fff; padding: 20px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
       <div style="margin-bottom: 20px; background: transparent !important; border: none;">
−
        __TOC__
+
        <span style="display: block; font-size: 0.9em; opacity: 0.8; margin-bottom: 5px; color: #fff; background: transparent;">OFFICE</span>
 +
        <span style="font-size: 1.1em; font-weight: 500; color: #fff; background: transparent;">인문관 504호</span>
 
       </div>
 
       </div>
  
−
       <!-- Contact Info 박스 -->
+
       <!-- 항목 2: Email -->
−
       <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
       <div style="margin-bottom: 20px; background: transparent !important; border: none;">
−
         <h3 style="color: #2c3e50; margin-bottom: 5px; border: none; text-align: left;">Contact Info</h3>
+
         <span style="display: block; font-size: 0.9em; opacity: 0.8; margin-bottom: 5px; color: #fff; background: transparent;">EMAIL</span>
−
         <p style="color: #888; font-size: 0.9em; margin-bottom: 25px; text-align: left;">인문관 504호</p>
+
         <span style="font-size: 1.1em; font-weight: 500; color: #fff; background: transparent;">[mailto:sykim@pusan.ac.kr <span style="color:#fff; text-decoration: underline;">sykim@pusan.ac.kr</span>]</span>
 +
      </div>
  
−
        <!-- 연락처 및 링크 -->
+
      <!-- 항목 3: Website -->
−
        <div style="display: flex; flex-direction: column; gap: 10px;">
+
      <div style="background: transparent !important; border: none;">
−
          <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; text-align: left;">
+
        <span style="display: block; font-size: 0.9em; opacity: 0.8; margin-bottom: 5px; color: #fff; background: transparent;">WEBSITE</span>
−
            <span style="display: block; font-size: 0.8em; color: #666; margin-bottom: 5px;">EMAIL</span>
+
        <span style="font-size: 1.1em; font-weight: 500; color: #fff; background: transparent;">[https://dh.aks.ac.kr <span style="color:#fff; text-decoration: underline;">개인 홈페이지 방문하기</span>]</span>
−
            <span style="font-weight: bold; color: #364f6b;">[mailto:sykim@pusan.ac.kr sykim@pusan.ac.kr]</span>
 
−
          </div>
 
−
         
 
−
          <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; text-align: left;">
 
−
            <span style="display: block; font-size: 0.8em; color: #666; margin-bottom: 5px;">WEBSITE</span>
 
−
            <span style="font-weight: bold; color: #364f6b;">[https://dh.aks.ac.kr 개인 홈페이지 방문하기]</span>
 
−
          </div>
 
−
        </div>
 
 
       </div>
 
       </div>
 +
    </div>
  
−
      <!-- About Me 박스 -->
+
  </div>
−
      <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
 
−
        <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left; display: block;">👋 About Me</h3>
 
−
        <div style="font-size: 1.05em; line-height: 1.8; color: #444; margin-top: 20px; text-align: left !important; display: block;">
 
−
          안녕하세요, 부산대학교 디지털인문학센터에서 연구하고 강의하는 김서윤입니다.<br>
 
−
          인문학 데이터를 디지털 기술로 시각화하고 분석하는 방법에 관심이 많습니다.<br><br>
 
−
          이번 학기 여러분과 함께 <b>[[2026 LocalDH Sallybus|로컬 디지털인문학]]</b>이라는 주제로 재미있는 프로젝트를 만들어가고 싶습니다.
 
−
          모르는 것이 있다면 언제든 편하게 물어봐 주세요!
 
−
        </div>
 
−
      </div>
 
  
−
      <!-- Life Timeline & Tags 박스 -->
+
  <!-- 2. 메인 콘텐츠 영역 (1단 레이아웃 - 중앙 정렬) -->
−
      <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
  <div style="display: flex; flex-direction: column; gap: 40px; align-items: center; width: 100%;">
−
        <h3 style="color: #2c3e50; margin-bottom: 20px; border: none; text-align: left;">Life Timeline</h3>
 
−
        <div style="text-align: left; border-left: 2px solid #e3e8ee; margin-left: 10px; padding-left: 25px;">
 
−
         
 
−
          <!-- 타임라인 아이템 1 -->
 
−
          <div style="position: relative; margin-bottom: 25px;">
 
−
            <div style="width: 12px; height: 12px; background: #364f6b; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
 
−
            <span style="font-size: 0.85em; color: #364f6b; font-weight: bold; background: #f0f4f8; padding: 2px 8px; border-radius: 10px;">2026</span>
 
−
            <p style="margin: 5px 0 0; color: #444; font-size: 0.95em; font-weight: 500;">부산대 로컬 디지털인문학 강의</p>
 
−
          </div>
 
  
−
          <!-- 타임라인 아이템 2 -->
+
    <!-- 공통 스타일: 최대 폭 800px로 중앙 정렬 -->
−
          <div style="position: relative; margin-bottom: 25px;">
 
−
            <div style="width: 12px; height: 12px; background: #364f6b; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
 
−
            <span style="font-size: 0.85em; color: #888; font-weight: bold;">2024</span>
 
−
            <p style="margin: 5px 0 0; color: #555; font-size: 0.95em;">디지털인문학센터 계약교수 임용</p>
 
−
          </div>
 
  
−
          <!-- 타임라인 아이템 3 -->
+
    <!-- [1] About Me (폰트 스타일 명시) -->
−
          <div style="position: relative;">
+
    <div style="width: 100%; max-width: 800px; background-color: #fff; padding: 40px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
−
            <div style="width: 12px; height: 12px; background: #aaa; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
+
      <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left; display: block; font-family: 'Noto Sans KR', sans-serif;">👋 About Me</h3>
−
            <span style="font-size: 0.85em; color: #888; font-weight: bold;">2020</span>
+
      <div style="font-size: 1.05em; line-height: 1.8; color: #444; margin-top: 20px; text-align: left !important; display: block; font-family: 'Noto Sans KR', sans-serif;">
−
            <p style="margin: 5px 0 0; color: #666; font-size: 0.95em;">인문학 데이터 분석 연구 시작</p>
+
        안녕하세요, 부산대학교 디지털인문학센터에서 연구하고 강의하는 김서윤입니다.<br>
−
          </div>
+
        인문학 데이터를 디지털 기술로 시각화하고 분석하는 방법에 관심이 많습니다.<br><br>
 +
        이번 학기 여러분과 함께 <b>[[2026 LocalDH Sallybus|로컬 디지털인문학]]</b>이라는 주제로 재미있는 프로젝트를 만들어가고 싶습니다.
 +
        모르는 것이 있다면 언제든 편하게 물어봐 주세요!
 +
      </div>
 +
    </div>
 +
 
 +
    <!-- [2] Life Timeline -->
 +
    <div style="width: 100%; max-width: 800px; background-color: #fff; padding: 40px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
 +
      <h3 style="color: #2c3e50; margin-bottom: 30px; border: none; text-align: left; font-family: 'Noto Sans KR', sans-serif;">Life Timeline</h3>
 +
      <div style="text-align: left; border-left: 2px solid #e3e8ee; margin-left: 10px; padding-left: 25px;">
 +
       
 +
        <!-- 타임라인 아이템 1 -->
 +
        <div style="position: relative; margin-bottom: 30px;">
 +
          <div style="width: 12px; height: 12px; background: #364f6b; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
 +
          <span style="font-size: 0.9em; color: #364f6b; font-weight: bold; background: #f0f4f8; padding: 2px 10px; border-radius: 10px; font-family: 'Noto Sans KR', sans-serif;">2026</span>
 +
          <p style="margin: 8px 0 0; color: #444; font-size: 1em; font-weight: 500; font-family: 'Noto Sans KR', sans-serif;">부산대 로컬 디지털인문학 강의</p>
 
         </div>
 
         </div>
  
−
         <hr style="border: 0; border-top: 1px solid #eee; margin: 30px 0;">
+
         <!-- 타임라인 아이템 2 -->
 +
        <div style="position: relative; margin-bottom: 30px;">
 +
          <div style="width: 12px; height: 12px; background: #364f6b; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
 +
          <span style="font-size: 0.9em; color: #888; font-weight: bold; font-family: 'Noto Sans KR', sans-serif;">2024</span>
 +
          <p style="margin: 8px 0 0; color: #555; font-size: 1em; font-family: 'Noto Sans KR', sans-serif;">디지털인문학센터 계약교수 임용</p>
 +
        </div>
  
−
         <!-- 태그 영역 -->
+
         <!-- 타임라인 아이템 3 -->
−
         <div style="display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px;">
+
         <div style="position: relative;">
−
           <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#디지털인문학</span>
+
           <div style="width: 12px; height: 12px; background: #aaa; border-radius: 50%; position: absolute; left: -32px; top: 5px; border: 3px solid #fff; box-shadow: 0 0 0 1px #e3e8ee;"></div>
−
          <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#데이터시각화</span>
+
           <span style="font-size: 0.9em; color: #888; font-weight: bold; font-family: 'Noto Sans KR', sans-serif;">2020</span>
−
           <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#부산</span>
+
           <p style="margin: 8px 0 0; color: #666; font-size: 1em; font-family: 'Noto Sans KR', sans-serif;">인문학 데이터 분석 연구 시작</p>
−
           <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#고양이</span>
 
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
    </div>
  
−
     </div>  
+
     <!-- [3] Inspiration (영상) -->
−
    <!-- 좌측 영역 끝 -->
+
    <div style="width: 100%; max-width: 800px; background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
 +
      <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left; font-family: 'Noto Sans KR', sans-serif;">📺 Inspiration</h3>
 +
      <div style="margin-top: 25px; border-radius: 10px; overflow: hidden; background: #000; border: none;">
 +
        <html>
 +
          <iframe width="100%" height="450" src="https://www.youtube.com/embed/S2C1M47Y3Zg?si=example" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="border: none;"></iframe>
 +
        </html>
 +
      </div>
 +
      <p style="text-align: center; color: #666; margin-top: 15px; font-size: 0.95em; font-family: 'Noto Sans KR', sans-serif;">
 +
        제가 영감을 얻는 '데이터의 아름다움'에 관한 TED 강연입니다.
 +
      </p>
 +
    </div>
  
−
 
+
     <!-- [4] Favorite Place (지도) -->
−
     <!-- [우측] Inspiration, Favorite Place, Knowledge Graph -->
+
     <div style="width: 100%; max-width: 800px; background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
−
     <div style="flex: 2; min-width: 320px; display: flex; flex-direction: column; gap: 30px;">
+
      <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left; font-family: 'Noto Sans KR', sans-serif;">📍 Favorite Place</h3>
−
 
+
      <div style="margin-top: 25px; border-radius: 10px; overflow: hidden; border: none;">
−
      <!-- 1. Inspiration (영상) -->
+
        <html>
−
      <div style="background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
+
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3257.653630663472!2d129.0818273155734!3d35.23297886026402!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3568930467770859%3A0x6c6e838725841e06!2z67aA7IKw64yA7ZWZ6rWQIO2ZqOyjvOy6oO2NvOyKpA!5e0!3m2!1sko!2skr!4v1677654321098!5m2!1sko!2skr" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
−
        <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left;">📺 Inspiration</h3>
+
        </html>
−
        <div style="margin-top: 20px; border-radius: 10px; overflow: hidden; background: #000; border: none;">
+
      </div>
−
          <html>
+
      <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px; text-align: left;">
−
            <iframe width="100%" height="400" src="https://www.youtube.com/embed/S2C1M47Y3Zg?si=example" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen style="border: none;"></iframe>
+
        <strong style="color: #364f6b; font-family: 'Noto Sans KR', sans-serif;">🏫 부산대학교 인문관 근처</strong>
−
          </html>
+
        <p style="margin: 10px 0 0; color: #555; line-height: 1.6; text-align: left; font-family: 'Noto Sans KR', sans-serif;">
−
        </div>
+
           저는 학교 근처의 조용한 카페에서 작업하는 것을 좋아합니다. 특히 인문관 뒤편의 산책로는 생각이 막힐 때 걷기 좋은 곳이에요.
−
        <p style="text-align: center; color: #666; margin-top: 15px; font-size: 0.95em;">
 
−
           제가 영감을 얻는 '데이터의 아름다움'에 관한 TED 강연입니다.
 
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 +
    </div>
  
−
      <!-- 2. Favorite Place (지도) -->
+
    <!-- [5] Knowledge Graph -->
−
      <div style="background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
+
    <div style="width: 100%; max-width: 800px; background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
−
        <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left;">📍 Favorite Place</h3>
+
      <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; text-align: left; font-family: 'Noto Sans KR', sans-serif;">🕸️ Knowledge Graph</h3>
−
        <div style="margin-top: 20px; border-radius: 10px; overflow: hidden; border: none;">
+
      <div style="margin-top: 25px; height: 500px; border: none; border-radius: 10px; overflow: hidden; background: #f8f9fa;">
−
          <html>
+
        <html>
−
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3257.653630663472!2d129.0818273155734!3d35.23297886026402!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3568930467770859%3A0x6c6e838725841e06!2z67aA7IKw64yA7ZWZ6rWQIO2ZqOyjvOy6oO2NvOyKpA!5e0!3m2!1sko!2skr!4v1677654321098!5m2!1sko!2skr" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+
          <iframe src="https://dh.aks.ac.kr/Graph/Viewer/index.html?data=https://dh.aks.ac.kr/~kimseoyun/wiki/data/KSY_interests.lst" width="100%" height="100%" style="border:none;"></iframe>
−
          </html>
+
        </html>
−
        </div>
 
−
        <div style="background: #f8f9fa; padding: 20px; border-radius: 10px; margin-top: 20px; text-align: left;">
 
−
          <strong style="color: #364f6b;">🏫 부산대학교 인문관 근처</strong>
 
−
          <p style="margin: 10px 0 0; color: #555; line-height: 1.6; text-align: left;">
 
−
            저는 학교 근처의 조용한 카페에서 작업하는 것을 좋아합니다. 특히 인문관 뒤편의 산책로는 생각이 막힐 때 걷기 좋은 곳이에요.
 
−
          </p>
 
−
        </div>
 
 
       </div>
 
       </div>
−
 
+
       <div style="text-align: right; margin-top: 15px;">
−
      <!-- 3. Knowledge Graph (우측으로 이동) -->
+
        <span style="background-color: #364f6b; color: white; padding: 10px 20px; border-radius: 30px; font-size: 0.9em; cursor: pointer; font-family: 'Noto Sans KR', sans-serif;">데이터 자세히 보기</span>
−
       <div style="background-color: #fff; padding: 40px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); text-align: left; border: none;">
 
−
        <h3 style="color: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; text-align: left;">🕸️ Knowledge Graph</h3>
 
−
        <div style="margin-top: 20px; height: 500px; border: none; border-radius: 10px; overflow: hidden; background: #f8f9fa;">
 
−
          <html>
 
−
            <iframe src="https://dh.aks.ac.kr/Graph/Viewer/index.html?data=https://dh.aks.ac.kr/~kimseoyun/wiki/data/KSY_interests.lst" width="100%" height="100%" style="border:none;"></iframe>
 
−
          </html>
 
−
        </div>
 
−
        <div style="text-align: right; margin-top: 15px;">
 
−
          <span style="background-color: #364f6b; color: white; padding: 10px 20px; border-radius: 30px; font-size: 0.9em; cursor: pointer;">데이터 자세히 보기</span>
 
−
        </div>
 
 
       </div>
 
       </div>
 +
    </div>
  
−
    </div>  
+
  </div>  
−
    <!-- 우측 콘텐츠 영역 끝 -->
+
  <!-- 메인 콘텐츠 영역 끝 -->
  
−
  </div>
 
 
</div>
 
</div>

2025년 11월 30일 (일) 15:12 기준 최신판


김서윤 프로필

김서윤 (KSY)

부산대학교 디지털인문학센터 계약교수

Contact Info

       OFFICE
       인문관 504호


👋 About Me

       안녕하세요, 부산대학교 디지털인문학센터에서 연구하고 강의하는 김서윤입니다.

       인문학 데이터를 디지털 기술로 시각화하고 분석하는 방법에 관심이 많습니다.


       이번 학기 여러분과 함께 로컬 디지털인문학이라는 주제로 재미있는 프로젝트를 만들어가고 싶습니다.
       모르는 것이 있다면 언제든 편하게 물어봐 주세요!

Life Timeline

         2026

부산대 로컬 디지털인문학 강의

         2024

디지털인문학센터 계약교수 임용

         2020

인문학 데이터 분석 연구 시작

📺 Inspiration

제가 영감을 얻는 '데이터의 아름다움'에 관한 TED 강연입니다.

📍 Favorite Place

       
           
        

       🏫 부산대학교 인문관 근처

저는 학교 근처의 조용한 카페에서 작업하는 것을 좋아합니다. 특히 인문관 뒤편의 산책로는 생각이 막힐 때 걷기 좋은 곳이에요.

🕸️ Knowledge Graph

        
           
         

        데이터 자세히 보기
원본 주소 "https://dh.aks.ac.kr/~kimseoyun/wiki/index.php?title=사용자:KSY&oldid=176"