tolelom/tolelom.xyz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c2fd7a8a41cb4e6f8c39037efb050e76bd7651fd
tolelom.xyz/index.html
tolelom c2fd7a8a41 feat: OG image, sitemap update, Neo-Slasher, design polish 
- Add OG image for social sharing (og:image meta tags)
- Update sitemap data: add Hongik, update descriptions/names
- Add Neo-Slasher project (2D roguelike, ExP game dev club)
- Add Unity client mention to One of the Plans
- Footer border-top, responsive hero photo sizing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-23 01:57:37 +09:00

207 lines
9.5 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>김성민 — 풀스택 & 게임 개발자</title>
<meta name="description" content="김성민의 포트폴리오. 풀스택 개발자이자 게임 개발자.">
<meta property="og:title" content="김성민 — 풀스택 & 게임 개발자">
<meta property="og:description" content="김성민의 포트폴리오. 풀스택 개발자이자 게임 개발자.">
<meta property="og:url" content="https://tolelom.xyz">
<meta property="og:image" content="https://tolelom.xyz/images/og.png">
<meta property="og:type" content="website">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>👨‍💻</text></svg>">
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="nav">
<div class="nav-inner">
<a href="#" class="nav-logo">tolelom</a>
<a href="#about" class="nav-link">About</a>
<a href="#skills" class="nav-link">Skills</a>
<a href="#experience" class="nav-link">Experience</a>
<a href="#projects" class="nav-link">Projects</a>
<a href="#contact" class="nav-link">Contact</a>
<a href="/sitemap/" class="nav-link nav-external">Sitemap</a>
</div>
</nav>
<main class="container">
<section class="hero">
<img src="images/profile.jpg" alt="김성민" class="hero-photo">
<h1 class="hero-name">김성민</h1>
<p class="hero-role">풀스택 & 게임 개발자</p>
<p class="hero-tagline">게임 서버부터 프로그래밍 언어까지, 만들고 싶은 건 직접 만듭니다.</p>
<div class="hero-tags">
<span class="tag">C++</span>
<span class="tag">Go</span>
<span class="tag">React</span>
<span class="tag">Unity</span>
</div>
<div class="hero-links">
<a href="https://github.com/tolelom" class="btn btn-primary" target="_blank" rel="noopener">GitHub</a>
<a href="mailto:98kimsungmin@naver.com" class="btn">Email</a>
</div>
</section>
<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>Mac Mini 서버에 Docker와 Caddy 기반의 셀프호스팅 인프라를 운영하며, 개인 프로젝트들을 직접 배포하고 관리하고 있습니다.</p>
</div>
</section>
<section id="skills" class="section">
<h2 class="section-title">Skills</h2>
<div class="skills-group">
<div class="skills-group-title">Languages</div>
<div class="skills-tags">
<span class="tag">C/C++</span>
<span class="tag">Go</span>
<span class="tag">C#</span>
<span class="tag">Python</span>
<span class="tag">JavaScript</span>
<span class="tag">Java</span>
</div>
</div>
<div class="skills-group">
<div class="skills-group-title">Frontend</div>
<div class="skills-tags">
<span class="tag">React</span>
<span class="tag">HTML/CSS</span>
</div>
</div>
<div class="skills-group">
<div class="skills-group-title">Backend</div>
<div class="skills-tags">
<span class="tag">Go (Fiber)</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">MySQL</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>
</div>
</div>
<div class="skills-group">
<div class="skills-group-title">Infrastructure</div>
<div class="skills-tags">
<span class="tag">Docker</span>
<span class="tag">Nginx</span>
<span class="tag">Caddy</span>
<span class="tag">Linux</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>
<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">HI-ARC 학회장</span>
<span class="experience-period">2019</span>
</div>
<p class="experience-desc">홍익대학교 알고리즘 학회 HI-ARC 학회장. 학회 운영 체계를 정비하고 정기 스터디·세미나를 기획하여 학회 활성화를 이끔.</p>
</div>
<div class="experience-item">
<div class="experience-header">
<span class="experience-title">HI-ARC 운영진</span>
<span class="experience-period">2022.01 ~ 2024.02</span>
</div>
<p class="experience-desc">학회 운영 및 스터디 관리. 신입 부원 교육 커리큘럼을 설계하고, 알고리즘 스터디 멘토링을 진행.</p>
</div>
<div class="experience-item">
<div class="experience-header">
<span class="experience-title">ICPC 신촌 초급 강사 / 멘토</span>
<span class="experience-period">2020, 2022</span>
</div>
<p class="experience-desc">ICPC 신촌 연합 캠프에서 알고리즘 초급 강의(2020 Winter)와 멘토링(2022) 담당. 기초 자료구조부터 그래프 탐색까지 강의.</p>
</div>
<div class="experience-item">
<div class="experience-header">
<span class="experience-title">제 1회 하이콘 출제 및 총괄</span>
<span class="experience-period">2019</span>
</div>
<p class="experience-desc">HI-ARC 주관 프로그래밍 대회의 첫 회를 기획. 문제 출제, 검수, 대회 운영 전반을 총괄.</p>
</div>
<div class="experience-item">
<div class="experience-header">
<span class="experience-title">SUAPC 2024 Winter</span>
<span class="experience-period">2024</span>
</div>
<p class="experience-desc">신촌 연합 프로그래밍 대회 12등 (팀: 하이아크 최고죠). 3인 팀으로 참가.</p>
</div>
</div>
</section>
<section id="projects" class="section">
<h2 class="section-title">Projects</h2>
<div id="project-list" class="project-list"></div>
</section>
<section class="section">
<h2 class="section-title">Education</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>
</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>
<footer id="contact" class="footer">
<p>
<a href="mailto:98kimsungmin@naver.com">98kimsungmin@naver.com</a>
&nbsp;·&nbsp;
<a href="https://github.com/tolelom" target="_blank" rel="noopener">GitHub</a>
&nbsp;·&nbsp;
<a href="https://solved.ac/profile/tolelom" target="_blank" rel="noopener">Solved.ac</a>
</p>
</footer>
</main>
<script src="data/projects.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink