import { useState, useMemo } from 'react';
import { motion } from 'motion/react';
import { FilterButton } from './components/FilterButton';
import { ReleaseCard } from './components/ReleaseCard';
interface Release {
service: string;
version: string;
date: string;
updates: string[];
}
const releases: Release[] = [
{
service: "웹 서비스",
version: "v.6.1.1",
date: "2025.11.27",
updates: ["[FEATURES] 사용성 개선"]
},
{
service: "웹한글",
version: "v2.5.3.2",
date: "2025.11.13",
updates: [
"[FEATURES] 공동편집 시 오류 사항 개선",
"[FEATURES] 차트 데이터 편집 시 오류 사항 개선",
"[FIXED] 서버 안정화"
]
},
{
service: "웹오피스",
version: "v2.5.7.1",
date: "2025.11.13",
updates: [
"[FEATURES] 유료 구독자인경우, 문서 오픈 시 어시스턴트 작업창 바로 노출",
"[FIXED] 버그 수정 및 안정화"
]
},
{
service: "모바일",
version: "v3.2.0",
date: "2025.10.28",
updates: [
"[NEW] 다크 모드 지원",
"[FEATURES] 푸시 알림 개선",
"[FIXED] 로그인 오류 수정"
]
},
{
service: "계정",
version: "v1.8.5",
date: "2025.10.15",
updates: [
"[FEATURES] 2단계 인증 강화",
"[FIXED] 보안 패치 적용"
]
},
{
service: "macOS용 한글",
version: "v2024.1.2",
date: "2025.09.30",
updates: [
"[NEW] Apple Silicon 최적화",
"[FEATURES] 성능 개선",
"[FIXED] 폰트 렌더링 오류 수정",
"[FEATURES] macOS Sequoia 호환성 개선"
]
},
{
service: "Windows용 한컴오피스",
version: "v11.0.2.5",
date: "2025.09.20",
updates: [
"[FEATURES] Windows 11 최적화",
"[FIXED] 메모리 누수 문제 해결",
"[FEATURES] 클라우드 동기화 개선"
]
},
{
service: "한컴폼즈",
version: "v1.5.0",
date: "2025.09.10",
updates: [
"[NEW] 드래그 앤 드롭 폼 빌더",
"[FEATURES] 조건부 로직 추가",
"[FIXED] 데이터 내보내기 오류 수정",
"[DEPRECATED] 레거시 API v1 지원 종료"
]
},
{
service: "웹 서비스",
version: "v.6.1.0",
date: "2025.08.25",
updates: [
"[NEW] 실시간 협업 기능",
"[FEATURES] UI/UX 전면 개편"
]
},
{
service: "웹한글",
version: "v2.5.3.0",
date: "2025.08.18",
updates: [
"[FEATURES] 표 편집 기능 개선",
"[FIXED] 인쇄 레이아웃 오류 수정"
]
},
{
service: "웹오피스",
version: "v2.5.6.5",
date: "2025.08.10",
updates: [
"[FEATURES] 템플릿 갤러리 추가",
"[FIXED] 파일 업로드 안정화"
]
},
{
service: "모바일",
version: "v3.1.8",
date: "2025.07.30",
updates: [
"[FEATURES] 오프라인 모드 개선",
"[FIXED] 배터리 최적화"
]
}
];
const categories = [
"전체",
"웹 서비스",
"웹한글",
"웹오피스",
"모바일",
"계정",
"macOS용 한글",
"Windows용 한컴오피스",
"한컴폼즈"
];
export default function App() {
const [activeFilter, setActiveFilter] = useState("전체");
const filteredReleases = useMemo(() => {
if (activeFilter === "전체") {
return releases;
}
return releases.filter(release => release.service === activeFilter);
}, [activeFilter]);
return (
);
}
{/* Header Section */}
{/* Filter Navigation Bar */}
{/* Gallery Grid Layout */}
{filteredReleases.map((release, index) => (
))}
{/* Empty State */}
{filteredReleases.length === 0 && (
)}
✍️ 릴리스 노트
한컴독스 서비스 주요 업데이트 사항 입니다.
{categories.map((category) => (
setActiveFilter(category)}
/>
))}
해당 카테고리의 릴리스 노트가 없습니다.
