The Ledger

Overview

프로젝트
개요

MZ 세대를 타깃으로 한 SNS 플랫폼으로, 트렌디한 UI/UX 디자인과 함께 피드 작성, 팔로우, 이미지 공유 등 소셜 네트워크의 핵심 기능을 제공합니다.

화면 설계부터 프론트엔드·백엔드·인프라 구축까지 전 과정을 직접 설계하고 개발하였으며, GCP 기반 클라우드 환경에서 안정적으로 서비스를 운영하고 있습니다.

Key Features

핵심 기능

person_add

회원가입 및 로그인

이메일 기반 회원가입과 소셜 로그인을 지원하는 인증 시스템 구현. JWT 토큰 기반의 안전한 세션 관리.

edit_note

피드 작성

텍스트와 이미지를 함께 작성할 수 있는 피드 에디터. GCS 기반 이미지 업로드로 빠르고 안정적인 미디어 처리.

group

팔로우 시스템

팔로우·팔로워 관계 관리 및 팔로우한 유저의 피드를 모아보는 타임라인 기능으로 소셜 네트워크 경험 제공.

account_circle

프로필 페이지

개인 피드, 팔로우 현황, 프로필 이미지 등을 한눈에 볼 수 있는 사용자 프로필 페이지 구현.

image

이미지 올리기

Google Cloud Storage 연동으로 이미지를 빠르게 업로드하고 최적화된 미디어 뷰어로 콘텐츠를 감상.

admin_panel_settings

관리자 페이지

Thymeleaf · Bootstrap 기반 관리자 대시보드로 사용자 관리, 콘텐츠 모니터링 등 서비스 운영 기능 제공.

Tech Stack

기술 스택

Front-end

React.js TypeScript RTK Query Module CSS

Back-end

Spring Boot Kotlin MySQL Thymeleaf Bootstrap

Infrastructure

GCP GCS Firebase Console

Design & DevOps

Figma GitHub GitHub Actions

Website

서비스를 직접 확인해보세요

open_in_new theledger.co.kr 바로가기

arrow_back 포트폴리오 목록으로

프로젝트개요

주요 화면