Portfolio — 개발자 포트폴리오
프로젝트·이력서·기술 스택을 한 페이지에서 보여주는 포트폴리오
Portfolio란?
장민수 개발자의 프로젝트·경력·기술 스택을 한눈에 볼 수 있는 포트폴리오 사이트입니다. 직접 개발한 .NET · Blazor 기반으로 운영되며, 개인·업무·공개 카테고리로 프로젝트를 구분해 관리합니다. 법적 보호가 필요한 결과물은 이미지 블러 처리 후 비공개 항목으로 분리합니다.
구성 페이지
- 🏠 홈 (프로젝트 목록)
- 전체 프로젝트가 카드 형식으로 표시됩니다. 핀된 프로젝트가 상단에 노출됩니다. 제목·설명·태그·카테고리로 검색과 필터링을 할 수 있습니다.
- 📄 프로젝트 상세
- 프로젝트별 설명, 다중 이미지 가로 스크롤 갤러리, 동영상(로컬·YouTube), GitHub·Live·문서 링크, 사용 기술 태그, 연도·이모지 정보가 표시됩니다.
- 👤 이력서 섹션
- 기술 스택 그룹, 경력 타임라인, 학력 타임라인을 포트폴리오와 함께 제공합니다.
주요 기능
- 🔍 검색 및 필터
- 제목·설명·태그 키워드 검색과 Personal·Work·Public 카테고리 필터를 조합해 원하는 프로젝트를 빠르게 찾을 수 있습니다.
- 🖼️ 이미지 블러 처리
- 업무 결과물 중 보안이 필요한 경우 4단계(0~3) 블러를 적용해 외관만 보여주고 세부 내용을 보호합니다.
- 🎬 동영상 지원
- 로컬 동영상 파일과 YouTube URL을 프로젝트에 첨부할 수 있습니다. YouTube는 자동 감지해 iframe으로 임베드됩니다.
- 📌 프로젝트 고정
- 대표 프로젝트를 핀(📌)하면 목록 최상단에 우선 노출됩니다.
- 🔗 외부 링크
- 프로젝트마다 GitHub 소스, 라이브 데모, 문서 링크를 각각 등록할 수 있습니다.
- 📤 SNS 공유 최적화
- OG 메타 태그가 자동으로 설정되어 카카오톡·SNS 공유 시 미리보기가 표시됩니다.