모든 프로젝트

Completed project

Cosmic Wordle

React 게임 화면과 Kotlin Spring API에 사용자 식별, 통계, 환경 분리, 요청 제한을 적용한 웹 단어 게임입니다.
GitHub 저장소
Cosmic Wordle 프론트엔드, 백엔드, 데이터베이스 구성도
대표 근거React, Kotlin Spring Boot, PostgreSQL과 JWT 인증 흐름을 정리한 구조고정 원본

Situation

상황

웹 단어 게임을 만들면서 브라우저 화면만 구현하는 데서 끝나지 않고 사용자 식별, 통계 저장, 개발과 테스트 환경 재현 문제를 함께 정리해야 했습니다.

Task

과제

프론트엔드와 API, 데이터베이스를 분리하고 인증과 요청 제한을 적용해 반복 가능한 실행 구조를 만드는 것이 과제였습니다.

Action

실행

  1. React 프론트엔드와 Kotlin Spring Boot 백엔드를 분리하고 PostgreSQL에 사용자 통계를 저장하도록 구성했습니다.
  2. HMAC SHA256 기반 JWT 발급과 검증 흐름을 구현했습니다.
  3. Rate Limiting filter와 CORS 설정을 백엔드 보안 구성에 포함했습니다.
  4. Docker Compose와 profile 설정으로 개발, 테스트, 운영 환경의 구성을 분리했습니다.

Result

결과

실행 경계와 보안 흐름 정리

게임 화면, API, 데이터베이스의 역할을 나누고 JWT 인증과 요청 제한이 포함된 실행 구조를 문서화했습니다.

Evidence story

근거 갤러리

각 자료를 설계 판단, 실행, 확인 결과의 흐름으로 연결했습니다.

실행 경계와 보안 흐름

React 화면, Kotlin Spring API, PostgreSQL의 역할과 JWT 인증 흐름을 하나의 구조로 정리했습니다.

핵심 구조 근거React, Kotlin Spring Boot, PostgreSQL과 JWT 인증 흐름을 정리한 구조고정 원본

관련 근거와 소스