From e121688eff87b37b9cd217a8d20df9f6ee3028c0 Mon Sep 17 00:00:00 2001 From: tolelom <98kimsungmin@naver.com> Date: Mon, 23 Mar 2026 00:45:58 +0900 Subject: [PATCH] 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 --- css/style.css | 5 ++++ data/projects.js | 72 +++++++++++++++++++++++++++--------------------- index.html | 58 +++++++++++++++++++++++++++++++------- js/main.js | 1 + 4 files changed, 94 insertions(+), 42 deletions(-) diff --git a/css/style.css b/css/style.css index 6721559..d362389 100644 --- a/css/style.css +++ b/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; } diff --git a/data/projects.js b/data/projects.js index 8b6d10c..9a93a9a 100644 --- a/data/projects.js +++ b/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#으로 클라이언트를 개발. 실시간 동기화, 전투 시스템, 캐릭터 관리 등 핵심 게임 로직을 담당.", - tags: ["Unity", "C#", "Go"], + description: "블록체인 연동 게임 플랫폼. Go 기반 게임 서버와 프라이빗 블록체인(PoA 합의, JSON-RPC, LevelDB)을 직접 구현. 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 프론트엔드로 구성.", - tags: ["React", "Go", "IoT"], - 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"], + description: "독거노인 낙상 감지 및 케어 서비스. 6인 팀 PM으로 기획·개발 총괄. React 프론트엔드, Java Spring 백엔드(OpenVidu 연동), 인프라(Jira, Git, CI/CD) 담당.", + tags: ["React", "Java Spring", "OpenVidu", "Jira"], links: [], - category: "언어 개발" - }, - { - 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: "게임" + category: "헬스케어", + period: "2026.01 ~ 2026.02" } ]; diff --git a/index.html b/index.html index 0f9265b..d6f54bb 100644 --- a/index.html +++ b/index.html @@ -47,9 +47,10 @@

About

+

현재 삼성 청년 SW 아카데미(SSAFY) 임베디드 트랙을 수료 중이며, AGV 실시간 경로 제어 시스템, 블록체인 연동 게임 플랫폼 등 Go 기반 백엔드 프로젝트를 다수 수행하고 있습니다.

프로그래밍 언어의 설계와 구현에 깊은 관심을 가지고 있으며, 순수 C++로 한글 프로그래밍 언어를 만든 경험이 있습니다. 게임 개발에서는 Unity와 C#으로 클라이언트를, Go로 멀티플레이어 서버를 구축합니다.

-

효율적이고 읽기 쉬운 코드를 지향하며, 알고리즘 문제 해결 능력을 기반으로 성능을 고려한 설계를 합니다. 홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임하고, ICPC 신촌에서 초급 강사와 멘토로 활동하며 지식 공유에도 힘써왔습니다.

-

현재는 Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.

+

효율적이고 읽기 쉬운 코드를 지향하며, 알고리즘 문제 해결 능력을 기반으로 성능을 고려한 설계를 합니다. 홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임하고, ICPC 신촌에서 초급 강사와 멘토로 활동하며 지식을 공유해왔습니다.

+

Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.

@@ -77,16 +78,24 @@
Backend
Go (Fiber) - Django - Express.js Spring + Redis + WebSocket + JWT +
+ +
+
Database
+
+ Redis + PostgreSQL + LevelDB
Game Engine
Unity - Unreal Engine
@@ -95,7 +104,14 @@ Docker Caddy Linux - MongoDB + CI/CD +
+ +
+
Tools
+
+ Git + Jira
@@ -103,6 +119,20 @@

Experience

+
+
+ 삼성 청년 SW 아카데미 (SSAFY) 임베디드 트랙 + 2025.07 ~ 현재 +
+

임베디드 교육 과정 수료 중. 웹 서비스 개발 프로젝트, 블록체인 게임 프로젝트 등 다수 수행.

+
+
+
+ No-Ill 프로젝트 PM + 2026.01 ~ 2026.02 +
+

6인 팀 PM. 독거노인 낙상 감지 및 케어 서비스 기획·개발 총괄. React 프론트엔드, Spring 백엔드, 인프라 담당.

+
HI-ARC 학회장 @@ -148,10 +178,18 @@

Education

-
-
- 홍익대학교 컴퓨터공학과 - 2018.03 ~ 2024.02 +
+
+
+ 삼성 청년 SW 아카데미 (SSAFY) 임베디드 트랙 + 2025.07 ~ 현재 +
+
+
+
+ 홍익대학교 컴퓨터공학과 + 2018.03 ~ 2024.02 +
diff --git a/js/main.js b/js/main.js index d6968ed..7f5d710 100644 --- a/js/main.js +++ b/js/main.js @@ -22,6 +22,7 @@ function renderProjects() { '' + p.name + "" + '' + p.category + "" + "
" + + (p.period ? '' + p.period + '' : '') + '

' + p.description + "

" + '
' + tags + "
" + links +