feat: update portfolio content - projects, skills, experience, education

- Replace projects with current work (Hongik, SION, A301, tolelog, No-Ill)
- Add project period display
- Add SSAFY embedded track to Education and Experience
- Add No-Ill PM role to Experience
- Update Skills: remove unused (Django, Express.js, Unreal), add actual stack (Redis, WebSocket, JWT, PostgreSQL, LevelDB, CI/CD, Git, Jira)
- Update About section to reflect current status

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

css/style.css

@@ -195,10 +195,15 @@ img { max-width: 100%; display: block; }
   padding: 2px 8px;
   border-radius: 4px;
 }
+.project-card-period {
+  font-size: 0.8rem;
+  color: #999;
+}
 .project-card-desc {
   color: #555;
   font-size: 0.95rem;
   margin-bottom: 14px;
+  margin-top: 8px;
   line-height: 1.6;
 }
 

data/projects.js

@@ -1,45 +1,53 @@
 const projects = [
+  {
+    name: "Hongik",
+    description: "C++ 기반 한국어 프로그래밍 언어 인터프리터. Lexer, Parser, AST, 메모리 관리를 직접 설계·구현. React 기반 온라인 플레이그라운드도 함께 개발.",
+    tags: ["C++", "React"],
+    links: [
+      { label: "GitHub", url: "https://github.com/tolelom" }
+    ],
+    category: "언어 개발",
+    period: "2023.03 ~ 진행 중"
+  },
+  {
+    name: "SION",
+    description: "AGV 실시간 경로 제어 시스템. Go Fiber WebSocket 서버로 로봇-웹 실시간 통신, A* 경로 탐색 알고리즘 적용. OpenAI API 연동 실시간 해설과 React 모니터링 대시보드 개발.",
+    tags: ["Go Fiber", "WebSocket", "React", "Python", "OpenAI API"],
+    links: [
+      { label: "sion.tolelom.xyz", url: "https://sion.tolelom.xyz" },
+      { label: "GitHub", url: "https://github.com/tolelom" }
+    ],
+    category: "IoT",
+    period: "2025.12"
+  },
   {
     name: "One of the Plans (A301)",
-    description: "Unity 기반 MMORPG 게임 프로젝트. Go로 멀티플레이어 게임 서버를 설계·구현하고, Unity C#으로 클라이언트를 개발. 실시간 동기화, 전투 시스템, 캐릭터 관리 등 핵심 게임 로직을 담당.",
+    description: "블록체인 연동 게임 플랫폼. Go 기반 게임 서버와 프라이빗 블록체인(PoA 합의, JSON-RPC, LevelDB)을 직접 구현. Go 게임 런처 개발.",
-    tags: ["Unity", "C#", "Go"],
+    tags: ["Go", "LevelDB", "Prometheus", "Docker"],
     links: [
       { label: "a301.tolelom.xyz", url: "https://a301.tolelom.xyz" },
       { label: "GitHub", url: "https://github.com/tolelom" }
     ],
-    category: "게임"
+    category: "게임",
+    period: "2026.02 ~ 진행 중"
+  },
+  {
+    name: "tolelog",
+    description: "개인 블로그 서비스. Go Fiber REST API 서버(Redis 캐싱, JWT 인증, Swagger 문서화), React 프론트엔드, CI/CD 파이프라인 구축.",
+    tags: ["Go Fiber", "Redis", "React", "CI/CD"],
+    links: [
+      { label: "blog.tolelom.xyz", url: "https://blog.tolelom.xyz" },
+      { label: "GitHub", url: "https://github.com/tolelom" }
+    ],
+    category: "웹",
+    period: "2025.09 ~ 진행 중"
   },
   {
     name: "No-Ill",
-    description: "노인 낙상 감지 및 외로움 방지를 위한 IoT 프로젝트. 센서 기반 낙상 감지 장치, 디스플레이 인터페이스, 보호자용 모니터링 웹과 앱을 개발. Go(Fiber) 백엔드와 React 프론트엔드로 구성.",
+    description: "독거노인 낙상 감지 및 케어 서비스. 6인 팀 PM으로 기획·개발 총괄. React 프론트엔드, Java Spring 백엔드(OpenVidu 연동), 인프라(Jira, Git, CI/CD) 담당.",
-    tags: ["React", "Go", "IoT"],
+    tags: ["React", "Java Spring", "OpenVidu", "Jira"],
-    links: [
-      { label: "no-ill.tolelom.xyz", url: "https://no-ill.tolelom.xyz" },
-      { label: "no-ill-app.tolelom.xyz", url: "https://no-ill-app.tolelom.xyz" }
-    ],
-    category: "헬스케어"
-  },
-  {
-    name: "TOL",
-    description: "한글 프로그래밍 언어 개발 프로젝트. 3인 팀으로 렉서, 파서, 인터프리터를 순수 C++로 설계·구현. 프로그래밍 언어론에 관심을 가지게 된 계기가 된 프로젝트. 웹 기반 온라인 에디터도 함께 개발.",
-    tags: ["C++", "Express.js", "MongoDB"],
     links: [],
-    category: "언어 개발"
+    category: "헬스케어",
-  },
+    period: "2026.01 ~ 2026.02"
-  {
-    name: "SION",
-    description: "Jetson 키트를 활용한 자율주행 RC카 프로젝트. Python으로 차선 인식 및 주행 제어를 구현하고, 실시간 카메라 피드와 주행 상태를 모니터링하는 웹 대시보드를 개발.",
-    tags: ["Python", "Jetson", "Web"],
-    links: [
-      { label: "sion.tolelom.xyz", url: "https://sion.tolelom.xyz" }
-    ],
-    category: "IoT"
-  },
-  {
-    name: "Neo-Slasher",
-    description: "게임 개발 동아리 ExP에서 8인 팀으로 제작한 3D 액션 게임. 프로그래밍 디렉터로서 데이터 관리 시스템, UI/인터페이스 설계, 전투 로직 등 전체 프로그래밍 아키텍처를 주도.",
-    tags: ["Unity", "C#"],
-    links: [],
-    category: "게임"
   }
 ];

index.html

@@ -47,9 +47,10 @@
     <section id="about" class="section">
       <h2 class="section-title">About</h2>
       <div class="about-content">
+        <p>현재 삼성 청년 SW 아카데미(SSAFY) 임베디드 트랙을 수료 중이며, AGV 실시간 경로 제어 시스템, 블록체인 연동 게임 플랫폼 등 Go 기반 백엔드 프로젝트를 다수 수행하고 있습니다.</p>
         <p>프로그래밍 언어의 설계와 구현에 깊은 관심을 가지고 있으며, 순수 C++로 한글 프로그래밍 언어를 만든 경험이 있습니다. 게임 개발에서는 Unity와 C#으로 클라이언트를, Go로 멀티플레이어 서버를 구축합니다.</p>
-        <p>효율적이고 읽기 쉬운 코드를 지향하며, 알고리즘 문제 해결 능력을 기반으로 성능을 고려한 설계를 합니다. 홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임하고, ICPC 신촌에서 초급 강사와 멘토로 활동하며 지식 공유에도 힘써왔습니다.</p>
+        <p>효율적이고 읽기 쉬운 코드를 지향하며, 알고리즘 문제 해결 능력을 기반으로 성능을 고려한 설계를 합니다. 홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임하고, ICPC 신촌에서 초급 강사와 멘토로 활동하며 지식을 공유해왔습니다.</p>
-        <p>현재는 Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.</p>
+        <p>Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.</p>
       </div>
     </section>
 
@@ -77,16 +78,24 @@
         <div class="skills-group-title">Backend</div>
         <div class="skills-tags">
           <span class="tag">Go (Fiber)</span>
-          <span class="tag">Django</span>
-          <span class="tag">Express.js</span>
           <span class="tag">Spring</span>
+          <span class="tag">Redis</span>
+          <span class="tag">WebSocket</span>
+          <span class="tag">JWT</span>
+        </div>
+      </div>
+      <div class="skills-group">
+        <div class="skills-group-title">Database</div>
+        <div class="skills-tags">
+          <span class="tag">Redis</span>
+          <span class="tag">PostgreSQL</span>
+          <span class="tag">LevelDB</span>
         </div>
       </div>
       <div class="skills-group">
         <div class="skills-group-title">Game Engine</div>
         <div class="skills-tags">
           <span class="tag">Unity</span>
-          <span class="tag">Unreal Engine</span>
         </div>
       </div>
       <div class="skills-group">
@@ -95,7 +104,14 @@
           <span class="tag">Docker</span>
           <span class="tag">Caddy</span>
           <span class="tag">Linux</span>
-          <span class="tag">MongoDB</span>
+          <span class="tag">CI/CD</span>
+        </div>
+      </div>
+      <div class="skills-group">
+        <div class="skills-group-title">Tools</div>
+        <div class="skills-tags">
+          <span class="tag">Git</span>
+          <span class="tag">Jira</span>
         </div>
       </div>
     </section>
@@ -103,6 +119,20 @@
     <section id="experience" class="section">
       <h2 class="section-title">Experience</h2>
       <div class="experience-list">
+        <div class="experience-item">
+          <div class="experience-header">
+            <span class="experience-title">삼성 청년 SW 아카데미 (SSAFY) 임베디드 트랙</span>
+            <span class="experience-period">2025.07 ~ 현재</span>
+          </div>
+          <p class="experience-desc">임베디드 교육 과정 수료 중. 웹 서비스 개발 프로젝트, 블록체인 게임 프로젝트 등 다수 수행.</p>
+        </div>
+        <div class="experience-item">
+          <div class="experience-header">
+            <span class="experience-title">No-Ill 프로젝트 PM</span>
+            <span class="experience-period">2026.01 ~ 2026.02</span>
+          </div>
+          <p class="experience-desc">6인 팀 PM. 독거노인 낙상 감지 및 케어 서비스 기획·개발 총괄. React 프론트엔드, Spring 백엔드, 인프라 담당.</p>
+        </div>
         <div class="experience-item">
           <div class="experience-header">
             <span class="experience-title">HI-ARC 학회장</span>
@@ -148,10 +178,18 @@
 
     <section class="section">
       <h2 class="section-title">Education</h2>
-      <div class="experience-item">
+      <div class="experience-list">
-        <div class="experience-header">
+        <div class="experience-item">
-          <span class="experience-title">홍익대학교 컴퓨터공학과</span>
+          <div class="experience-header">
-          <span class="experience-period">2018.03 ~ 2024.02</span>
+            <span class="experience-title">삼성 청년 SW 아카데미 (SSAFY) 임베디드 트랙</span>
+            <span class="experience-period">2025.07 ~ 현재</span>
+          </div>
+        </div>
+        <div class="experience-item">
+          <div class="experience-header">
+            <span class="experience-title">홍익대학교 컴퓨터공학과</span>
+            <span class="experience-period">2018.03 ~ 2024.02</span>
+          </div>
         </div>
       </div>
     </section>

js/main.js

@@ -22,6 +22,7 @@ function renderProjects() {
           '<span class="project-card-name">' + p.name + "</span>" +
           '<span class="project-card-category">' + p.category + "</span>" +
         "</div>" +
+        (p.period ? '<span class="project-card-period">' + p.period + '</span>' : '') +
         '<p class="project-card-desc">' + p.description + "</p>" +
         '<div class="project-card-tags">' + tags + "</div>" +
         links +