"사용자: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번째 줄:
 
<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;">
+
 
 +
   <!-- 1. 상단 헤더 배너 -->
 +
   <div style="background-color: #364f6b; color: #fff; padding: 60px 20px; border-radius: 15px; 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>
 
     <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>
+
     <p style="margin: 0; font-size: 1.2em; opacity: 0.9; font-weight: 300;">부산대학교 디지털인문학센터 계약교수</p>
 
   </div>
 
   </div>
  
−
   <!-- 2. 프로필 사진 (배너와 겹치게 배치 - 300px) -->
+
   <!-- 2. 프로필 사진 -->
−
  <!-- margin-top을 조절하여 배너 하단 라인에 걸치도록 배치 -->
+
   <div style="margin-top: 40px; text-align: center; margin-bottom: 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;">
 
     <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=김서윤 프로필]]
 
       [[파일:KSY_Profile.jpg|frameless|center|300px|alt=김서윤 프로필]]
17번째 줄: 18번째 줄:
 
   </div>
 
   </div>
  
−
   <!-- 3. 메인 콘텐츠 영역 (Flex Layout) -->
+
   <!-- 3. 메인 콘텐츠 영역 (1단 레이아웃 - 중앙 정렬) -->
−
   <div style="display: flex; flex-wrap: wrap; gap: 30px; align-items: flex-start;">
+
   <div style="display: flex; flex-direction: column; gap: 40px; align-items: center; width: 100%;">
 +
 
 +
    <!-- 공통 스타일: 최대 폭 800px로 중앙 정렬 -->
 +
   
 +
    <!-- [1] Contact Info (이미지 삭제, About Me와 동일 스타일 적용) -->
 +
    <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: 5px; border: none; text-align: left; margin-top: 0;">Contact Info</h3>
 +
      <p style="color: #888; font-size: 0.9em; margin-bottom: 25px; text-align: left;">인문관 504호</p>
  
−
    <!-- [좌측] 목차, Contact Info, About Me, Life Timeline -->
+
      <!-- 연락처 정보 -->
−
    <div style="flex: 1; min-width: 300px; display: flex; flex-direction: column; gap: 30px;">
+
      <div style="display: flex; flex-direction: column; gap: 10px;">
−
     
+
        <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;">EMAIL</span>
−
      <div style="background-color: #fff; padding: 20px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
          <span style="font-weight: bold; color: #364f6b;">[mailto:sykim@pusan.ac.kr sykim@pusan.ac.kr]</span>
−
        __TOC__
+
        </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>
  
−
       <!-- Contact Info 박스 -->
+
       <!-- 구분선 -->
−
       <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
       <hr style="border: 0; border-top: 1px solid #eee; margin: 30px 0;">
−
        <h3 style="color: #2c3e50; margin-bottom: 5px; border: none; text-align: left;">Contact Info</h3>
 
−
        <p style="color: #888; font-size: 0.9em; margin-bottom: 25px; text-align: left;">인문관 504호</p>
 
  
−
        <!-- 연락처 및 링크 -->
+
      <!-- Keywords (카드 내부 하단 배치) -->
−
        <div style="display: flex; flex-direction: column; gap: 10px;">
+
      <h3 style="color: #2c3e50; margin-bottom: 15px; border: none; font-size: 1.1em;">Keywords</h3>
−
          <div style="background: #f8f9fa; padding: 15px; border-radius: 10px; text-align: left;">
+
      <div style="display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px;">
−
            <span style="display: block; font-size: 0.8em; color: #666; margin-bottom: 5px;">EMAIL</span>
+
        <span style="background-color: #e3e8ee; color: #364f6b; padding: 8px 16px; border-radius: 20px; font-size: 0.9em; display: inline-block;">#디지털인문학</span>
−
            <span style="font-weight: bold; color: #364f6b;">[mailto:sykim@pusan.ac.kr sykim@pusan.ac.kr]</span>
+
        <span style="background-color: #e3e8ee; color: #364f6b; padding: 8px 16px; border-radius: 20px; font-size: 0.9em; display: inline-block;">#데이터시각화</span>
−
          </div>
+
        <span style="background-color: #e3e8ee; color: #364f6b; padding: 8px 16px; border-radius: 20px; font-size: 0.9em; display: inline-block;">#부산</span>
−
         
+
        <span style="background-color: #e3e8ee; color: #364f6b; padding: 8px 16px; border-radius: 20px; font-size: 0.9em; display: inline-block;">#고양이</span>
−
          <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 박스 -->
+
    <!-- [2] About Me -->
−
      <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
    <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: #364f6b; border-left: 5px solid #364f6b; padding-left: 15px; margin-top: 0; border-bottom: none; text-align: left; display: block;">👋 About Me</h3>
+
      <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;">
+
      <div style="font-size: 1.05em; line-height: 1.8; color: #444; margin-top: 20px; text-align: left !important; display: block;">
−
          안녕하세요, 부산대학교 디지털인문학센터에서 연구하고 강의하는 김서윤입니다.<br>
+
        안녕하세요, 부산대학교 디지털인문학센터에서 연구하고 강의하는 김서윤입니다.<br>
−
          인문학 데이터를 디지털 기술로 시각화하고 분석하는 방법에 관심이 많습니다.<br><br>
+
        인문학 데이터를 디지털 기술로 시각화하고 분석하는 방법에 관심이 많습니다.<br><br>
−
          이번 학기 여러분과 함께 <b>[[2026 LocalDH Sallybus|로컬 디지털인문학]]</b>이라는 주제로 재미있는 프로젝트를 만들어가고 싶습니다.
+
        이번 학기 여러분과 함께 <b>[[2026 LocalDH Sallybus|로컬 디지털인문학]]</b>이라는 주제로 재미있는 프로젝트를 만들어가고 싶습니다.
−
          모르는 것이 있다면 언제든 편하게 물어봐 주세요!
+
        모르는 것이 있다면 언제든 편하게 물어봐 주세요!
−
        </div>
 
 
       </div>
 
       </div>
 +
    </div>
  
−
      <!-- Life Timeline & Tags 박스 -->
+
    <!-- [3] Life Timeline -->
−
      <div style="background-color: #fff; padding: 40px 30px; border-radius: 20px; text-align: left; border: none; box-shadow: none;">
+
    <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: 20px; border: none; text-align: left;">Life Timeline</h3>
+
      <h3 style="color: #2c3e50; margin-bottom: 30px; border: none; text-align: left;">Life Timeline</h3>
−
        <div style="text-align: left; border-left: 2px solid #e3e8ee; margin-left: 10px; padding-left: 25px;">
+
      <div style="text-align: left; border-left: 2px solid #e3e8ee; margin-left: 10px; padding-left: 25px;">
−
         
+
       
−
          <!-- 타임라인 아이템 1 -->
+
        <!-- 타임라인 아이템 1 -->
−
          <div style="position: relative; margin-bottom: 25px;">
+
        <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>
+
          <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>
+
          <span style="font-size: 0.9em; color: #364f6b; font-weight: bold; background: #f0f4f8; padding: 2px 10px; border-radius: 10px;">2026</span>
−
            <p style="margin: 5px 0 0; color: #444; font-size: 0.95em; font-weight: 500;">부산대 로컬 디지털인문학 강의</p>
+
          <p style="margin: 8px 0 0; color: #444; font-size: 1em; font-weight: 500;">부산대 로컬 디지털인문학 강의</p>
−
          </div>
+
        </div>
−
 
 
−
          <!-- 타임라인 아이템 2 -->
 
−
          <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 -->
+
        <!-- 타임라인 아이템 2 -->
−
          <div style="position: relative;">
+
        <div style="position: relative; margin-bottom: 30px;">
−
            <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>
+
          <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;">2020</span>
+
          <span style="font-size: 0.9em; color: #888; font-weight: bold;">2024</span>
−
            <p style="margin: 5px 0 0; color: #666; font-size: 0.95em;">인문학 데이터 분석 연구 시작</p>
+
          <p style="margin: 8px 0 0; color: #555; font-size: 1em;">디지털인문학센터 계약교수 임용</p>
−
          </div>
 
 
         </div>
 
         </div>
  
−
        <hr style="border: 0; border-top: 1px solid #eee; margin: 30px 0;">
+
         <!-- 타임라인 아이템 3 -->
−
 
+
         <div style="position: relative;">
−
         <!-- 태그 영역 -->
+
           <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>
−
         <div style="display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 6px;">
+
           <span style="font-size: 0.9em; color: #888; font-weight: bold;">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;">인문학 데이터 분석 연구 시작</p>
−
          <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#데이터시각화</span>
 
−
           <span style="background-color: #e3e8ee; color: #364f6b; padding: 6px 12px; border-radius: 20px; font-size: 0.85em; display: inline-block;">#부산</span>
 
−
           <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>  
+
     <!-- [4] 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;">📺 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;">
 +
        제가 영감을 얻는 '데이터의 아름다움'에 관한 TED 강연입니다.
 +
      </p>
 +
    </div>
  
−
 
+
     <!-- [5] 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;">📍 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;">🏫 부산대학교 인문관 근처</strong>
−
          </html>
+
        <p style="margin: 10px 0 0; color: #555; line-height: 1.6; text-align: left;">
−
        </div>
+
           저는 학교 근처의 조용한 카페에서 작업하는 것을 좋아합니다. 특히 인문관 뒤편의 산책로는 생각이 막힐 때 걷기 좋은 곳이에요.
−
        <p style="text-align: center; color: #666; margin-top: 15px; font-size: 0.95em;">
 
−
           제가 영감을 얻는 '데이터의 아름다움'에 관한 TED 강연입니다.
 
 
         </p>
 
         </p>
 
       </div>
 
       </div>
 +
    </div>
  
−
      <!-- 2. Favorite Place (지도) -->
+
    <!-- [6] 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;">🕸️ 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;">데이터 자세히 보기</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일 (일) 14:55 판


김서윤 (KSY)

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

김서윤 프로필


Contact Info

인문관 504호

Keywords

       #디지털인문학
       #데이터시각화
       #부산
       #고양이

👋 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=174"