플러스프로젝트 배경
Design Within의 작업을 온라인으로 소개하고, 다양한 카테고리(디지털·그래픽·브랜딩 등)의 포트폴리오를 체계적으로 아카이빙할 수 있는 자사 웹사이트의 필요성에서 시작된 프로젝트입니다. 단순한 소개 페이지가 아닌, 인터랙티브 웹 작업은 직접 체험하고, 인쇄물 작업은 PDF로 열람하고, 이미지 작업은 편집적 그리드로 감상할 수 있는 — 작품 성격에 맞는 다양한 감상 방식을 하나의 사이트에서 제공하는
프로젝트 성과
React + Firebase 풀스택 자사 웹사이트 구축 및 배포
기획·디자인·프론트엔드·백엔드·관리자 CMS까지 전 과정을 단독 수행, Firebase Hosting으로 실 서비스 배포 완료
3가지 콘텐츠 방식 통합 구현
이미지 갤러리 · 인터랙티브 웹 실행 · PDF 뷰어를 하나의 플랫폼에서 제공, 작품 성격에 맞는 최적의 감상 방식을 선택적으로 지원
관리자 CMS 구축으로 자립적 운영 환경 완성
Firebase Authentication + Firestore 기반 관리자 페이지로 포트폴리오 등록·수정·삭제·순서 변경을 편리하게 운영
핵심 기능
3가지 콘텐츠 감상 방식
이미지 갤러리 · 인터랙티브 웹 실행 · PDF 뷰어를 하나의 플랫폼에서 지원. 작품 성격에 따라 최적의 방식으로 포트폴리오를 제공합니다.
진행 단계
기획 · 구조 설계
2026.01.
포트폴리오 카테고리 구조, 페이지 구성, Firebase 데이터 모델, 관리자 CMS 요구사항을 정의하고 전체 아키텍처를 설계하였습니다.
프로젝트 상세
Design Within 자사 포트폴리오 웹사이트를 React + Firebase 풀스택으로 기획부터 배포까지 전담하여 구축하였습니다. React + Vite 기반 SPA로 개발하였으며, Hash 라우팅으로 카테고리별 포트폴리오 목록과 프로젝트 상세 페이지를 구성하였습니다. 이미지마다 칼럼 너비를 원하는대로 지정하는 이미지 그리드를 구현하여, 하이앤드의 레이아웃 감각을 웹상에서 재현하였습니다. 프
