feat: ProjectCard 전체 클릭 가능 및 hover 효과 개선

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 */}

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`
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixel",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": true,
   "scripts": {
     "dev": "next dev",