전략패턴(Strategy Pattern)을 활용하여 무한스크롤과 페이징 두 가지 게시글 로딩 전략을 선택적으로 제공하는 게시판 리스트 시스템입니다.
- Java 21
- Spring Boot 3.x
- Spring Data JPA
- H2 Database (인메모리)
- RESTful API
- 전략패턴 설계 및 적용
- React 18
- Material-UI (MUI)
- Axios
- TypeScript
- 게시글 목록 조회 (페이지네이션/무한스크롤)
- 전략 선택 토글 UI (AppBar)
- 게시글 카드 형태 표시 (MUI Card)
- RESTful API 통신
./start-all.sh
./start-backend.sh
./start-frontend.sh
./stop-all.sh
- Frontend: http://localhost:3000
- Backend API: http://localhost:8080
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
cd backend
./gradlew bootRuncd frontend
yarn install
yarn dev