CASE STUDY / 협회 공식 웹 서비스
KOSEA
회원·관리자 기능부터 외부 연동, 배포·운영까지 담당했습니다. 운영 중 데이터 증가로 발생한 로딩 문제를 분석하고 데이터 조회 범위와 publication 처리 구조를 개선했습니다.
사이트 방문
협회 활동을 지원하는 웹 서비스
한국중소상공인협회 공식 웹 서비스입니다. 일반 사용자·회원을 위한 웹과, 정보 업데이트 및 회원 응대를 위한 관리자 시스템을 개발하고 운영합니다.
회원 신청, 정보 제공, 문의 처리를 연결하며 공개 화면과 관리 업무 양쪽을 지원하는 서비스로 구축했습니다.
개발부터 배포 이후 운영까지
Full-Stack Development와 Web Service Operation을 담당했습니다. 사용자 웹, 관리자 기능, MongoDB 데이터 관리, 외부 API 연동, 이미지 업로드를 구현했습니다.
Cloudtype 배포, Cloudflare DNS, 기술 SEO, 유지보수와 장애 대응도 담당했습니다.
KEY FEATURES
사용자와 운영자의 업무를 연결하는 기능
회원 신청과 심사
5단계 회원가입 Wizard, 회원 신청, 관리자 승인·거절, 회원 상태 관리, 회원사 공개 Directory.
게시판과 콘텐츠 관리
공지·언론·회원사·자료실 콘텐츠 및 관리자 CRUD.
비공개 문의
비밀글, 비밀번호 기반 문의 확인, 관리자 답변.
변경을 고려한 이미지 스토리지
Cloudflare R2 이미지 업로드 및 Storage Adapter 구조. R2·S3·Local·Azure Stub 구성으로 저장소 변경에 대비했습니다.
Newswire API 연동
HMAC SHA-256 인증을 통한 기사 데이터 동기화.
검색과 공유를 위한 기반
Dynamic robots.txt, sitemap.xml, canonical, Open Graph, Twitter metadata, JSON-LD를 구성하고 Google Search Console·Naver Search Advisor·Daum에 대응했습니다.
TECH STACK
기술과 구현의 연결
- Meteor 3 / React / JavaScript
- 사용자 웹 / 관리자 시스템
- MongoDB
- 회원·게시판·콘텐츠 데이터 관리
- Tailwind CSS
- 화면과 UI 구현
- Cloudflare / Cloudtype / Git
- 배포·DNS·버전 관리
- Cloudflare R2
- 이미지 업로드·저장
- REST API
- 외부 서비스 연동
PERFORMANCE CASE STUDY
데이터 증가로 드러난 로딩 구조의 문제
실제 게시판에서 발생한 지연을 화면 표시뿐 아니라 Publication과 데이터 조회 범위부터 조사했습니다.
Problem — 지연과 Gateway Error
게시판 기사 데이터가 증가한 뒤 페이지 진입이 매우 느려지고 502 / 524가 발생했습니다.
Investigation — 실제 조회 범위 점검
Meteor publication과 데이터 로딩 구조를 확인하고, 페이지에서 요청·조회하는 데이터 범위를 점검했습니다.
Cause — 한 번에 불러오는 데이터
한 페이지에서 약 600개의 기사 데이터를 한 번에 로딩하는 구조를 확인했습니다.
Improvement — 조회 범위 개선
Pagination과 데이터 조회 범위를 개선하고 Meteor publication의 observe 처리 구조도 점검·개선했습니다.
성능 문제를 분석하고 데이터 로딩 구조를 개선한 사례입니다. 개선율·단축 시간의 측정값은 없으며, 502 / 524의 완전한 해소를 의미하지 않습니다.
SERVICE STRUCTURE
서비스를 구성하는 요소
구현한 주요 책임을 정리한 구성입니다. 상세 통신 경로나 내부 인프라 토폴로지를 표현하지 않습니다.
User Web / Admin
React·Tailwind CSS 기반 회원 화면과 심사·콘텐츠·문의 관리자 화면.
Meteor 3 / MongoDB
회원·게시판·콘텐츠 데이터 관리와 publication을 포함한 데이터 제공 처리.
Storage / External API
Cloudflare R2 이미지 저장과 Newswire API 기사 동기화.
Deployment / Operation
Cloudtype 배포, Cloudflare DNS, SEO, 유지보수와 장애 대응.
Azure는 Storage Adapter의 Stub이며, Azure Storage를 실제 운영했다는 의미가 아닙니다.
구현을 넘어 운영에서 얻은 경험
회원 기능·관리자 시스템·외부 연동·스토리지·SEO·배포를 실제 서비스 운영까지 연결한 경험을 얻었습니다.
데이터 증가로 발생한 문제를 통해 화면뿐 아니라 데이터 조회 범위와 publication 처리 구조를 함께 확인하는 중요성을 배웠습니다.