프로젝트 배경
기존 뉴스 플랫폼은 일방적인 정보 전달에 그치고, 커뮤니티 플랫폼은 깊이 있는 콘텐츠가
부족합니다. 또한 대부분의 글로벌 서비스가 영어권 중심으로 운영되어, 신흥국 사용자들의 정보
접근성과 참여 기회가 제한되어 있습니다.
이 프로젝트는 "블로그의 깊이 + 커뮤니티의 활력"을 결합한 글로벌 토픽 기반 플랫폼의 핵심 기능을
구현하기 위해 시작되었습니다.
레딧처럼 토픽(서브레딧) 단위로 커뮤니티를 구성하되, 나라별 → 토픽 선택 구조로 언어·문화 장벽을
자연스럽게 구분합니다. 사용자는 관심 토픽을 검색해 들어가고, 해당 분야의 새로운 소식과 여론을
한눈에 파악할 수 있습니다.
목표:
• 나라별 토픽 구조로 신흥국(인도, 동남아, 중동 등) 시장 선점
• 같은 토픽을 나라별로 비교해 볼 수 있는 차별화된 "견식 확장" 경험 제공
• 블로그형 콘텐츠 + 실시간 토론이 공존하는 새로운 형태의 글로벌 뉴스 플랫폼 구축
• 자동 번역 + AI 큐레이션으로 언어 장벽 없는 글로벌 논의 환경 조성
• 유저 레벨 시스템과 관리자 투표제로 스팸 방지 및 커뮤니티 자치 실현
현재 프로젝트는 이 비전의 핵심 기능(리치 에디터, 소셜 인터랙션, 실시간 업데이트)을 검증하는
MVP 단계입니다.
프로젝트 성과
실시간 인터랙션 100% 구현
댓글, 박수, 팔로우, 알림 등 모든 소셜 기능을 Turbo Streams로 새로고침 없이 실시간 반영
글쓰기 집중도 향상
복잡한 설정 없이 바로 글 작성 가능한 직관적 에디터로, 콘텐츠 창작에만 집중할 수 있는
환경 제공
환경 제공
새소식 + 여론 동시 파악
토픽별 최신 글과 커뮤니티 반응을 한 화면에서 확인하여, 뉴스 탐색 시간 단축 및 맥락 이해
강화
강화
핵심 기능

리치 텍스트 에디터
이미지, 링크, 서식을 자유롭게 넣을 수 있는 직관적 에디터로, 복잡한 설정 없이 바로 글
작성 가능
작성 가능

블로그 + 커뮤니티 하이브리드 (예정)
깊이 있는 블로그형 글 작성과 실시간 토론이 한 토픽 안에서 공존, 새소식과 여론을 동시에 파악

태그 기반 콘텐츠 탐색
관심 주제 태그로 글을 분류하고 검색, 원하는 분야의 콘텐츠를 빠르게 발견



팔로우 및 피드
관심 있는 작가를 팔로우하면 새 글을 피드에서 바로 확인, 창작자와 독자 간 연결 강화
진행 단계
기획 및 요구사항 정의
2025.10.
글로벌 토픽 기반 블로그 플랫폼 컨셉 확정, 나라별→토픽 구조 설계, 핵심 기능(에디터, 소셜,실시간) 범위 정의
UI/UX 디자인
2025.10.
Medium 벤치마킹 기반 UI 설계, Atomic Design 컴포넌트 구조화, 디자인 토큰 시스템 구축, 반응형 레이아웃 설계
프론트엔드 개발
2025.10.
Hotwire(Turbo/Stimulus) 기반 인터랙션 구현, 리치 텍스트 에디터 적용, 박수/댓글/알림 실시간 UI 개발
백엔드 개발
2025.10.
Rails 8 기반 서버 구축, 사용자/글/댓글/팔로우/북마크 DB 설계, Turbo Streams 실시간 기능 구현
테스트 및 개선
2025.10.
기능별 테스트 진행, UX 피드백 반영, 성능 최적화, 버그 수정
프로젝트 상세
1) 포트폴리오 소개
콘텐츠 창작자를 위한 Medium 스타일 블로그 플랫폼 개발
블로거, 작가, 개발자 등 글쓰기를 즐기는 사용자를 대상으로 한 소셜 블로그 서비스
추후 커뮤니티기능까지 확장예정
2) 작업 범위
- 기획, UI/UX 디자인, 풀스택 개발 (프론트엔드 + 백엔드)
- 데이터베이스 설계 및 구축
- 관리자 페이지 개발
- 반응형 웹 (데스크톱, 태블릿, 모바일 대응)
3) 주요 업무
- 리치 텍스트 에디터 기반 글 작성/수정 기능
- 박수(Clap) 시스템 (사용자당 최대 50회 인터랙션)
- 중첩 댓글 시스템 (대댓글 지원)
- 팔로우/팔로잉 소셜 기능
- 북마크 저장 및 관리 기능
- 태그 기반 콘텐츠 분류 및 검색
- 실시간 알림 시스템
- Turbo Streams 기반 실시간 UI 업데이트 (새로고침 없이 반영)
- 사용자 프로필 페이지 및 설정
4) 주안점
- Hotwire(Turbo/Stimulus) 기반 SPA 수준의 빠른 사용자 경험 구현
- Atomic Design 패턴 적용으로 재사용 가능한 컴포넌트 시스템 구축
- CSS 디자인 토큰 기반 일관된 디자인 시스템 적용
- 실시간 인터랙션으로 사용자 몰입감 극대화
- 직관적인 글쓰기 UX로 창작 집중도 향상
- 예시) 개인 정보에 대한 보안, 트렌디한 디자인 등
콘텐츠 창작자를 위한 Medium 스타일 블로그 플랫폼 개발
블로거, 작가, 개발자 등 글쓰기를 즐기는 사용자를 대상으로 한 소셜 블로그 서비스
추후 커뮤니티기능까지 확장예정
2) 작업 범위
- 기획, UI/UX 디자인, 풀스택 개발 (프론트엔드 + 백엔드)
- 데이터베이스 설계 및 구축
- 관리자 페이지 개발
- 반응형 웹 (데스크톱, 태블릿, 모바일 대응)
3) 주요 업무
- 리치 텍스트 에디터 기반 글 작성/수정 기능
- 박수(Clap) 시스템 (사용자당 최대 50회 인터랙션)
- 중첩 댓글 시스템 (대댓글 지원)
- 팔로우/팔로잉 소셜 기능
- 북마크 저장 및 관리 기능
- 태그 기반 콘텐츠 분류 및 검색
- 실시간 알림 시스템
- Turbo Streams 기반 실시간 UI 업데이트 (새로고침 없이 반영)
- 사용자 프로필 페이지 및 설정
4) 주안점
- Hotwire(Turbo/Stimulus) 기반 SPA 수준의 빠른 사용자 경험 구현
- Atomic Design 패턴 적용으로 재사용 가능한 컴포넌트 시스템 구축
- CSS 디자인 토큰 기반 일관된 디자인 시스템 적용
- 실시간 인터랙션으로 사용자 몰입감 극대화
- 직관적인 글쓰기 UX로 창작 집중도 향상
- 예시) 개인 정보에 대한 보안, 트렌디한 디자인 등

목록페이지

카테고리별 페이지

에디터

유저프로필

회원가입/로그인

라이브러리페이지

알림페이지

세팅페이지

푸터(footer)’ 영역별 페이지_공지·정책·회사정보·고객지원등등


