목차
1. 프로젝트 개요
| 항목 |
내용 |
| 프로젝트명 |
Doublt Homepage (기업 홈페이지 + 채용 시스템) |
| 유형 |
기업 홈페이지 + 채용 플랫폼 웹 애플리케이션 |
| 역할 |
풀스택 개발 (프론트엔드 + 백엔드) |
| 기간 |
2025.07 ~ 현재 (1차 개발 완료, 2차 개발 진행중) |
| 팀 구성 |
기획 & 디자인 : 3명, 풀스택: 1명 |
프로젝트 소개
Doublt Homepage는 기업 홈페이지와 채용 시스템을 통합한 풀스택 웹 애플리케이션입니다. 회사 소개, 솔루션 소개, 미디어 센터, 채용 공고 관리, 지원서 접수 및 관리 기능을 제공합니다. Next.js App Router 기반으로 SSR/SSG를 활용하고, Prisma ORM과 PostgreSQL로 백엔드를 구성한 모던 풀스택 아키텍처입니다.
2. 기술 스택
Frontend Core
| 기술 |
버전 |
선택 이유 |
| Next.js |
15.3.8 |
SEO 최적화를 위해 가장 많이 사용하는 Next.js를 선택. |
| 프론트와 백을 동시에 한 레파지토리 안에서 빠르게 구현가능하여 선택. |
|
|
| TypeScript |
5.x |
타입 안정성 확보 |
Backend Core
| 기술 |
버전 |
선택 이유 |
| Next.js API Routes |
15.3.8 |
서버리스 백엔드, 프론트엔드와 통합 개발 |
| Prisma |
6.14.0 |
타입 안전 ORM, 스키마 기반 마이그레이션 |
| PostgreSQL |
- |
관계형 데이터 모델링, 트랜잭션 지원 |
| NextAuth.js |
4.24.11 |
인증/세션 관리 |
상태 관리
| 기술 |
용도 |
| TanStack React Query |
서버 상태 관리 (캐싱, 동기화) |
| MobX |
클라이언트 상태 관리 (모달 등) |
스타일링
| 기술 |
용도 |
| Tailwind CSS 4 |
유틸리티 기반 스타일링 |
| tailwind-merge |
동적 클래스 병합 |
| Framer Motion |
애니메이션 |
폼 & 검증
| 기술 |
용도 |
| React Hook Form |
폼 상태 관리 |
인프라 & 외부 서비스
| 기술 |
용도 |
| AWS S3 |
파일 업로드 (Presigned URL) |
| Nodemailer |
이메일 발송 (지원서 확인 등) |
| Google APIs |
YouTube 연동 |
개발 도구