경험을 정리해 공개하는 포트폴리오 서비스

Portfolio는 경력과 프로젝트, 기술 스택을 직접 편집하고 개인 주소로 공개하는 웹 서비스입니다. 포트폴리오를 작성하는 개발자와 공개된 경험을 살펴보는 방문자를 위한 화면을 나눕니다.

주요 기능

  • 프로필, 경력, 자격·인증, 프로젝트와 기술 스택 편집
  • 블록 에디터를 이용한 본문 작성과 첨부 파일 업로드 연동
  • 항목과 섹션 순서 조정
  • 계정별 공개 주소와 프로젝트 상세 페이지
  • 외부 AI 서비스에 연결하는 공개 포트폴리오 질의 기능

편집과 공개를 구분하는 구조

React 편집기에서 변경 사항을 저장하고 별도의 공개 동작으로 포트폴리오를 게시합니다. Node.js 서버가 API와 공개 HTML을 제공하며 PostgreSQL에 내용을 저장합니다. 계정당 하나의 포트폴리오를 두고, 편집 요청은 로그인한 소유자의 데이터에 연결합니다.

로그인은 외부 OIDC 서비스, 본문 편집은 BlockNote, 업로드는 외부 파일 서비스에 연결합니다. AI 질의 역시 자체 모델을 실행하는 대신 외부 AI 서비스에 공개 내용을 전달하고 답변과 출처를 표시하는 연동입니다. 실제 사용에는 해당 외부 서비스 설정이 필요합니다.

기술 스택

  • React
  • JavaScript
  • Node.js
  • PostgreSQL
  • BlockNote
제 포트폴리오 보기