Built for Scale & Performance
스톡잇은 최신 웹 기술과 견고한 아키텍처를 기반으로 설계되었습니다.
사용자에게 최고의 경험을 제공하기 위한 우리의 기술적 고민들을 소개합니다.
System Architecture
Frontend Layer
Next.js 기반의 SSR과 React Query를 활용한 효율적인 상태 관리로 빠른 초기 로딩과 부드러운 UX를 제공합니다.
Backend Layer
Spring Boot와 FastAPI의 MSA 구조로, 안정적인 트랜잭션 처리와 고성능 데이터 분석을 분리하여 운영합니다.
Data Layer
PostgreSQL의 안정성과 Redis의 속도를 결합하여 실시간 주식 데이터와 랭킹 시스템을 완벽하게 지원합니다.
Technology Stack
각 분야별 최고의 도구들을 선정하여 사용하고 있습니다.
Frontend Ecosystem
Next.js 14
App Router 기반의 서버 사이드 렌더링 및 SEO 최적화
TypeScript
정적 타입 시스템을 통한 안정적인 개발 경험 제공
React Query
서버 상태 관리 및 데이터 캐싱/동기화 최적화
Zustand
가볍고 직관적인 전역 상태 관리 라이브러리
Tailwind CSS
Utility-first 접근 방식의 신속한 UI 스타일링
Framer Motion
선언적이고 강력한 애니메이션 라이브러리
Backend & Data
Spring Boot
안정적인 대규모 트래픽 처리 및 비즈니스 로직 수행
FastAPI
고성능 비동기 처리 및 데이터 분석/AI 서비스 전담
PostgreSQL
복잡한 금융 데이터의 무결성을 보장하는 관계형 데이터베이스
Redis
실시간 랭킹 산정 및 고속 데이터 캐싱
Infrastructure & Security
Vercel
Frontend 배포 자동화 및 Edge Network 호스팅
Docker
컨테이너 기반의 일관된 개발 및 배포 환경 구축
PostHog
사용자 행동 분석 및 제품 데이터 인사이트 도출
Sentry
실시간 에러 트래킹 및 성능 모니터링
Iron Session
암호화된 쿠키 기반의 안전한 세션 관리
SimpleWebAuthn
Passkey 기반의 생체 인증 시스템 구현
Firebase FCM
크로스 플랫폼 푸시 알림 서비스