제품 개요
무엇을 만들었는가
자사 구독 서비스의 사용자 화면과 관리 기능을 개발하며 프론트엔드 화면부터 NestJS API와 PostgreSQL 데이터 설계까지 서비스 전반에 참여했습니다.인증·상품·구독 상태가 하나의 사용자 여정으로 이어지도록 화면과 API의 데이터 흐름을 정리했습니다.
기술
React
Next.js
TypeScript
NestJS
Node.js
PostgreSQL
Tailwind CSS
Docker
Git
작업 범위
주요 기여
- 01Next.js App Router와 TypeScript로 사용자 인증, 상품·서비스 정보와 구독 상태를 연결하는 사용자 화면을 개발했습니다.
- 02서버 렌더링과 메타데이터 구성을 적용해 SSR·SEO 기반 페이지 구조를 구현했습니다.
- 03NestJS로 인증·상품·구독 API와 비즈니스 로직을 개발하고 PostgreSQL 데이터 모델링과 테이블 설계에 참여했습니다.
- 04프론트엔드 화면, API와 데이터베이스 사이의 처리 흐름을 정리하고 공통 연동 구조를 개선했습니다.
- 05Tailwind CSS 기반 반응형 UI와 Docker 개발 환경을 구성했습니다.
제약과 판단
과제
- 01인증·상품·구독 상태가 서로 다른 화면과 API에 흩어지지 않도록 하나의 사용자 여정과 데이터 흐름으로 연결해야 했습니다.
- 02프론트엔드 중심 업무에서 API와 데이터베이스까지 범위를 확장하면서 각 계층의 책임과 연동 지점을 정리해야 했습니다.
검증 가능한 결과
결과
01인증·상품·구독의 핵심 흐름을 React·Next.js 화면, NestJS API와 PostgreSQL 모델이 연결된 구조로 구현했습니다.
02프론트엔드 중심 업무에서 API와 데이터베이스까지 범위를 확장하며 서비스 전체 데이터 흐름을 경험했습니다.
