From a8c0c09cd028c78483803c88a0bde9d389685162 Mon Sep 17 00:00:00 2001
From: RAVIT <devravit@gmail.com>
Date: Mon, 2 Feb 2026 22:14:50 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20ProjectCard=20=EC=A0=84=EC=B2=B4=20?=
 =?UTF-8?q?=ED=81=B4=EB=A6=AD=20=EA=B0=80=EB=8A=A5=20=EB=B0=8F=20hover=20?=
 =?UTF-8?q?=ED=9A=A8=EA=B3=BC=20=EA=B0=9C=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ProjectCard 상호작용을 개선했습니다.
- 카드 전체 영역 클릭으로 펼침/접기 가능 (화살표만이 아님)
- 마우스 오버 시 부드러운 확대 효과 (scale-[1.01])
- hover 시 border 색상 강조 및 그림자 효과 추가
- cursor-pointer 추가로 클릭 가능함을 명확히 표시

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 app/career/page.tsx | 12 ++++++------
 docs/CHANGELOG.md   | 14 ++++++++++++++
 package.json        |  2 +-
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/app/career/page.tsx b/app/career/page.tsx
index 12bd199..351de24 100644
--- a/app/career/page.tsx
+++ b/app/career/page.tsx
@@ -304,7 +304,10 @@ function ProjectCard({ project }: { project: Project }) {
   const [isExpanded, setIsExpanded] = useState(false);
 
   return (
-    <div className="mb-4 border-l-2 border-[#238636] bg-[#161b22] p-4 transition-colors hover:bg-[#1c2128]">
+    <div
+      onClick={() => setIsExpanded(!isExpanded)}
+      className="mb-4 cursor-pointer border-l-2 border-[#238636] bg-[#161b22] p-4 transition-all duration-200 hover:scale-[1.01] hover:border-[#2ea043] hover:bg-[#1c2128] hover:shadow-lg hover:shadow-[#238636]/20"
+    >
       {/* Header */}
       <div className="mb-2 flex items-start justify-between">
         <div className="flex-1">
@@ -319,12 +322,9 @@ function ProjectCard({ project }: { project: Project }) {
             <span>🏢 {project.company}</span>
           </div>
         </div>
-        <button
-          onClick={() => setIsExpanded(!isExpanded)}
-          className="ml-4 text-[#8b949e] transition-colors hover:text-[#c9d1d9]"
-        >
+        <div className="ml-4 text-[#8b949e] transition-colors">
           {isExpanded ? "▼" : "▶"}
-        </button>
+        </div>
       </div>
 
       {/* Expandable Content */}
diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
index 9d787e2..d476657 100644
--- a/docs/CHANGELOG.md
+++ b/docs/CHANGELOG.md
@@ -4,6 +4,20 @@
 
 <!-- CHANGELOG_START -->
 
+## v0.0.13
+`2026.02.02 22:16`
+
+경력 포트폴리오 페이지 추가 및 명령어 개선
+
+- `/career` 경로에 경력 포트폴리오 페이지 추가
+- 경력 기술서 HTML 기반 전체 내용 구현 (8개 프로젝트)
+- Gantt 차트 형식의 경력 타임라인 (자동 계산된 경력 기간)
+- 확장 가능한 프로젝트 카드 (계층적 작업 구조)
+- portfolio 명령어 제거, career 명령어로 교체
+- ProjectCard 전체 영역 클릭 및 hover 효과 개선 (확대, 그림자)
+
+---
+
 ## v0.0.12
 `2026.01.16 00:30`
 
diff --git a/package.json b/package.json
index 7e9ef79..188a8f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pixel",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": true,
   "scripts": {
     "dev": "next dev",