플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - 지역·카테고리·마감일 등 다중 조건이 결합된 공고 필터링 쿼리의 정확도를 확보하는 인덱싱 전략 설계 필요 - 카카오·구글 등 복수 OAuth 프로바이더의 콜백 흐름과 최초 로그인 시 부가정보 입력 UX를 자연스럽게 연결하는 흐름 설계 필요 - 지원서 첨부파일(이력서·포트폴리오) 업로드 시 파일 형식·용량 검증과 저장 구조 설계 필요 - 지원 상태(접수·심사·선발·불합
프로젝트 성과
공고 검색·필터 엔진 구현
지역·카테고리·마감일 다중 필터 조건을 조합하는 동적 쿼리 빌더 구현, URL 상태 동기화로 검색 결과 공유 기능 설계
소셜 인증 통합 구조 설계
Passport.js 기반 이메일·카카오·구글 OAuth 통합 인증 미들웨어 구현, JWT 리프레시 토큰 로테이션 적용
프로필 자동연동 지원서 시스템 구현
사용자 프로필 데이터를 지원서 폼에 자동 매핑하는 재사용 컴포넌트 설계, 파일 업로드 검증 로직 구현
무한 스크롤 목록 구조 설계
Intersection Observer 기반 무한 스크롤과 React Query 캐싱을 조합해 공고 목록 페이지네이션 구조 설계
핵심 기능
공고 탐색
지역 활동·인턴십·프로그램 공고를 지역, 카테고리, 마감일 기준으로 필터링하여 탐색할 수 있는 목록 화면을 제공합니다. 상단 검색바와 필터 chips, 반응형 카드 그리드로 등록된 공고를 표시합니다
진행 단계
요구사항 분석 및 매칭 플랫폼 DB 설계
2026.07
청년-지역 매칭 도메인 분석, PostgreSQL 테이블 18개 정의 및 공고·지원·프로필 관계 매핑
프로젝트 상세
1) 포트폴리오 소개 지역 기관이 등록한 지역 활동·인턴십·프로그램 공고를 청년이 손쉽게 탐색하고, 지원 절차를 원스톱으로 처리할 수 있는 청년-지역 매칭 플랫폼을 React와 TypeScript 기반으로 구현합니다. 이메일·카카오·구글 소셜 로그인부터 프로필 자동 연동 지원서 작성, 마이페이지의 지원 현황과 선발 결과 확인까지 사용자 흐름 전체를 하나의 데모로 보여드립니다. 지역이 원하는 청년 인재와 프로
