제품김남해 · 김민영2026.04 - 2026.05
HAEYOUNGLAB Platform — 해영랩 공식 소개 사이트
해영랩의 게임·웹앱·미들웨어 프로젝트를 한곳에 모아 소개하는 공식 사이트. 슬라이드 배너·디테일 페이지·개발현황으로 제품 라인업을 쇼케이스합니다.
- 역할
- 정보 구조 · 콘텐츠 · 프론트엔드
- 함께
- 참여: 김남해 · 김민영 (아래는 김민영 담당분)
- 기술
- Next.js · TypeScript · Tailwind · Recharts · Resend · Vercel
상황
여러 제품과 진행 상황이 흩어져 있어, 외부에 해영랩의 역량과 라인업을 한 번에 보여줄 창구가 없었습니다.
한 일
- ContentTabs 기반 게임·웹앱·미들웨어 쇼케이스와 슬라이드 배너·디테일 페이지 시스템 구현
- 제품별 개발자노트·로드맵·패치노트(data.ts) 콘텐츠 작성
- Navbar 다크모드·다국어(ThemeProvider·LanguageContext)와 Footer·문의 폼·shadcn UI 구성
- robots·sitemap 등 SEO 노출 설정
결과
- 해영랩 제품 라인업을 단일 창구로 정리해 외부 소개·홍보 기반 확보
- 신규 제품을 데이터 추가만으로 쇼케이스에 노출할 수 있는 구조 확립
- 쇼케이스·디테일 페이지
- 개발자노트·로드맵·패치노트
- 다크모드·다국어·UI