지금까지 내용 커밋

page/src/components/layout/LeftSidebar.tsx

@@ -0,0 +1,25 @@
+"use client";
+import { ListMusic, Library } from "lucide-react";
+
+export default function LeftSidebar() {
+  return (
+    <aside className="w-60 bg-black p-6 flex flex-col gap-6">
+      <nav className="flex flex-col gap-4 text-neutral-400 font-medium">
+        <button className="flex items-center gap-3 hover:text-white transition-colors text-left">
+          <Library size={20} /> 내 플레이리스트
+        </button>
+        <button className="flex items-center gap-3 hover:text-white transition-colors text-left">
+          <ListMusic size={20} /> 좋아요 표시한 곡
+        </button>
+      </nav>
+
+      <hr className="border-neutral-800" />
+      
+      <div className="flex flex-col gap-3 text-sm text-neutral-400 overflow-y-auto">
+        <p className="hover:text-white cursor-pointer truncate">출근길 노동요 모음</p>
+        <p className="hover:text-white cursor-pointer truncate">2024 빌보드 탑 100</p>
+        <p className="hover:text-white cursor-pointer truncate">비 오는 날 듣기 좋은 재즈</p>
+      </div>
+    </aside>
+  );
+}