상태창
포트폴리오 서비스 누구나 쉽게 들어와서 작성할 수 있는 포트폴리오 플랫폼
개발 이유
프로젝트, 사용 기술, 경력 등을 한곳에 정리하고 개인 URL로 공유할 수 있는 포트폴리오 서비스를 만들고자 개발했습니다.
내용을 수정할 때마다 직접 화면을 개발하지 않아도 되도록 작성 화면과 공개 화면을 분리했습니다. 같은 데이터로 여러 디자인을 선택할 수 있게 구성하고, 방문자가 포트폴리오 내용을 질문할 수 있는 AI 기능도 추가했습니다.
주요 기능
1. 계정별 포트폴리오 작성
OIDC 로그인 후 계정당 하나의 포트폴리오 자동 생성
프로필, 자기소개, 연락처, 스킬, 프로젝트, 히스토리, 자격·인증 작성
개인별 고정 URL을 통한 포트폴리오 공유
2. 편집 및 공개 관리
에디터를 활용한 자기소개와 프로젝트·히스토리 상세 내용 작성
자동 저장·수동 임시저장과 공개 전 미리보기
섹션 및 항목별 순서 변경·숨김 설정
이미지 파일 선택, 드래그앤드롭, 클립보드 붙여넣기 지원 작성 중인 초안과 공개본을 분리하여, 편집 내용은 공개 반영 이후에만 방문자에게 표시됩니다.
3. 스킬 및 프로젝트 관리
공용 스킬 사전 검색과 개인 스킬 등록
대표 스킬 최대 10개 지정 및 전체 스킬 더보기
프로젝트별 사용 기술, 대표 이미지, 외부 링크 등록
프로젝트 목록 순서 변경과 상세 내용 보기
4. 디자인 템플릿
다섯 가지 포트폴리오 디자인을 제공합니다.
Swiss Editorial
Dark Futuristic HUD
Google-inspired Flat
Modern Flat Minimal
Premium Dark Minimal 템플릿을 변경해도 작성 내용, 섹션 순서, 숨김 설정, 공유 주소는 유지됩니다. 각 디자인의 화면 구성과 스타일은 별도로 구현했습니다.
5. AI 포트폴리오 질의응답
공개된 포트폴리오 내용을 검색하는 RAG 기반 AI 채팅
답변에 사용한 프로젝트·히스토리 등의 근거 링크 제공
공개 반영 시 검색 자료 자동 갱신
PC 채팅 패널과 모바일 전체 화면 채팅 지원
답변 대기 표시, 요청 취소, 페이지 이동 후 대화 유지 관리자 사용 허용과 작성자의 공개 동의가 모두 활성화된 경우에만 사용할 수 있습니다. 초안, 숨긴 항목, 다른 사용자의 데이터는 검색 대상에서 제외합니다.
6. 관리자 및 PDF 내보내기
사용자 이용 정지·해제와 사용자별 AI 권한 관리
공용 스킬 사전, 디자인, 시스템 설정 관리
사용자별·기간별 방문 통계와 AI 색인 상태 확인
사용자별·전체 AI 재색인
작성자가 저장된 초안 또는 공개본을 PDF로 내보내기 핵심 특징
초안과 공개 데이터 분리 편집 중인 내용을 기존 공개 페이지에 바로 노출하지 않고, 작성자가 선택한 시점에 하나의 버전으로 반영하도록 구성했습니다.
데이터와 디자인 분리 공통 포트폴리오 데이터에 독립적인 템플릿을 적용하여, 디자인 변경이 작성 내용이나 공개 설정에 영향을 주지 않도록 구현했습니다.
공개 범위를 따르는 AI 검색 사용자별 검색 자료와 공개 버전을 구분하고, 비공개 전환이나 AI 동의 철회 시 기존 요청에서도 현재 권한을 다시 확인하도록 구성했습니다. 사용 기술