전략패턴(Strategy Pattern)을 활용하여 무한스크롤과 페이징 두 가지 게시글 로딩 전략을 선택적으로 제공하는 게시판 리스트 시스템입니다.

기술 스택

Backend

• Java 21
• Spring Boot 3.x
• Spring Data JPA
• H2 Database (인메모리)
• RESTful API
• 전략패턴 설계 및 적용

Frontend

• React 18
• Material-UI (MUI)
• Axios
• TypeScript

기능

• 게시글 목록 조회 (페이지네이션/무한스크롤)
• 전략 선택 토글 UI (AppBar)
• 게시글 카드 형태 표시 (MUI Card)
• RESTful API 통신

Docker 실행 방법

전체 애플리케이션 실행

./start-all.sh

개별 실행

Backend만 실행

./start-backend.sh

Frontend만 실행

./start-frontend.sh

애플리케이션 중지

./stop-all.sh

접속 정보

• Frontend: http://localhost:3000
• Backend API: http://localhost:8080

API 엔드포인트

• GET /api/v1/posts?page={page}&limit={limit} - 페이지네이션 기반 게시글 조회
• GET /api/v1/posts/infinite?cursor={cursor}&limit={limit} - 무한스크롤 기반 게시글 조회

로그 확인

# Backend 로그
docker logs penta-backend

# Frontend 로그
docker logs penta-frontend

개발 환경 실행

Backend (Spring Boot)

cd backend
./gradlew bootRun

Frontend (React)

cd frontend
yarn install
yarn dev