1) 포트폴리오 소개 카테고리: 연구소 공식 웹사이트 및 성과 아카이빙 플랫폼 메인 타깃: 건설기술/관리 연구원, 대학(원)생, 산업계 파트너 및 관련 기관 소재: 삼육대학교 건설기술및관리연구소(CEMI)의 연구 성과, 프로젝트 이력, 멤버 정보를 통합 관리하고 홍보하는 공식 서비스입니다. 2) 작업 범위 프론트엔드 개발: Next.js 15 기반의 서버 사이드 렌더링 및 최적화된 프론트엔드 구축 UI/UX 디자인 및 구현: 연구소의 전문성을 강조한 모던한 UI 설계 및 모션 인터랙션 구현 아키텍처 설계: 유지보수성을 고려한 FSD(Feature-Sliced Design) 아키텍처 도입 지원 환경: 데스크탑/태블릿/모바일 기기를 완벽히 지원하는 반응형 웹 3) 주요 업무 데이터 아카이빙: 연도별/카테고리별 논문(Papers) 및 프로젝트 데이터 필터링/조회 기능 멤버/실적 관리: 연구진 프로필 정보 연동 및 연도별 수상 실적(Awards) 시각화 인터랙티브 UI: Framer Motion을 활용한 부드러운 리스트 트랜지션 및 대너 배너 애니메이션 컴포넌트 중심 개발: Storybook을 활용한 독립적 컴포넌트 개발 및 문서화로 일관된 디자인 시스템 유지 4) 주안점 확장성 있는 코드 구조: FSD 아키텍처를 도입하여 향후 기능 추가가 용이하도록 모듈화된 프로젝트 구조 설계에 주력했습니다. 최신 기술 스택 도입: Next.js 15, Tailwind CSS 4 등 최신 기술을 선제적으로 도입하여 최적의 성능과 정교한 UI를 구현했습니다. 전문적인 정보 전달: 데이터 중심의 서비스 특성에 맞춰 많은 양의 연구 성과물을 효과적으로 보여줄 수 있는 레이아웃 설계에 집중했습니다.