KPokemon — 포켓몬 팬 커뮤니티 플랫폼 개발기

React와 Node.js를 활용한 풀스택 커뮤니티 플랫폼입니다.

사용자가 직접 리포트집(게시판)을 생성하고 운영할 수 있으며, Reddit 스타일의 사용자 주도형 커뮤니티와 매너레벨 시스템을 제공합니다.

주요 기능

커뮤니티

카카오 OAuth 2.0 로그인

리포트집(게시판) 생성 및 관리

경험치 업/다운 투표 시스템

매너레벨 시스템

익명 활동 기능

게시판

사용자 생성 게시판 (Reddit 스타일)

게시글 작성/수정/삭제

댓글 및 대댓글 시스템

기술 스택

Frontend: React, TypeScript, Vite

Backend: Node.js, Express, Prisma

Database: MySQL

Auth: OAuth (카카오), JWT

Infra: Docker, AWS

개발 과정

핵심은 사용자 주도형 게시판 시스템 설계였습니다. 누구나 리포트집(게시판)을 만들고 운영자가 될 수 있는 Reddit과 유사한 구조를 구현했습니다. 게시판 생성, 규칙 설정, 운영자 권한 관리를 유연하게 설계했습니다.

두 번째는 매너레벨 시스템입니다. 사용자의 활동 패턴과 다른 사용자들의 평가를 종합하여 신뢰도를 측정하는 지표를 설계했습니다. 커뮤니티 활성도와 건전성을 동시에 측정할 수 있습니다.

세 번째는 카카오 OAuth 연동입니다. 별도 회원가입 없이 카카오 계정으로 바로 로그인할 수 있어 진입 장벽을 낮췄습니다.

성과

완전한 커뮤니티 플랫폼 구축 및 배포 (kpokemon.com)

매너레벨 시스템으로 커뮤니티 활성도 측정

Docker 컨테이너화로 배포 자동화

회고

1. 사용자 생성 게시판은 권한 모델을 초기에 명확히 설계해야 합니다 — 운영자/일반 사용자/관리자 계층 구조가 복잡해질 수 있습니다

2. Prisma는 TypeScript와 함께 사용하면 타입 안전한 DB 쿼리를 빠르게 작성할 수 있습니다

3. OAuth 연동은 사용자 경험을 크게 개선합니다 — 회원가입 이탈률이 눈에 띄게 줄어듭니다

KPokemon의 전체 구조와 스크린샷은 포트폴리오 상세 페이지에서 확인할 수 있습니다.

이 프로젝트는 CodeLune에서 개발했습니다.

커뮤니티 플랫폼, 풀스택 웹개발이 필요하시다면 편하게 문의해주세요.