Code
Technical Scope

기술은 목적을 위한
수단입니다.

새로운 프레임워크를 나열하는 것에 집착하지 않습니다. ANPLOT은 비즈니스가 겪고 있는 병목 현상을 진단하고, 이를 가장 효율적으로 타개할 수 있는 기술 스택을 선별하여 견고한 시스템을 조립합니다.

Frontend 01

🔥 ANPLOT의 접근 방식

단순히 예쁜 화면을 그리는 것을 넘어, 웹 바이탈(Web Vitals) 지표를 개선합니다. 무거운 클라이언트 사이드 렌더링(CSR)으로 인한 초기 로딩 지연을 막기 위해 서버 사이드 렌더링(SSR) 및 정적 생성(SSG)을 적재적소에 혼합하여 사용자 이탈률을 방어합니다.

ReactNext.jsTypeScriptZustandTailwind CSS

Backend 02

🔥 ANPLOT의 접근 방식

트래픽이 몰리는 이벤트 기간에 서버가 다운되는 모놀리식(Monolithic) 구조의 한계를 극복합니다. 서비스 도메인별로 결합도를 낮춘 마이크로서비스 아키텍처(MSA)를 설계하고, 캐싱 전략을 도입하여 대규모 트래픽을 유연하게 분산 처리합니다.

Node.jsNestJSSpring BootPostgreSQLRedis

Infra & Cloud 03

🔥 ANPLOT의 접근 방식

과도하게 청구되는 서버 비용과 수동 배포로 인한 휴먼 에러를 차단합니다. 인프라를 코드(IaC)로 관리하여 운영 투명성을 높이고, 사용량에 따라 서버 자원이 자동으로 조절되는 오토스케일링(Auto-scaling) 환경을 세팅하여 비용을 최적화합니다.

AWSDockerKubernetesTerraformNginx

DevOps & QA 04

🔥 ANPLOT의 접근 방식

기능 업데이트 시 발생하는 서비스 중단을 없앱니다. GitHub Actions 기반의 CI/CD 파이프라인을 구축하여 무중단 배포 환경을 실현하며, Datadog 등을 활용한 실시간 에러 모니터링으로 장애 발생 시 즉각적인 대응 체계를 갖춥니다.

GitHub ActionsDatadogJestSentry