더에스엠씨
프론트엔드 엔지니어
- 마케팅
- 사내 시스템
소셜 마케팅 데이터 대시보드
이슈1. 지표 특성을 구분되지 않아 따른 수치 왜곡
해결 방향
지표 22종을 일별 발생값, 시점, 비율, 도달 4가지 성격으로 분류하고 표시 규칙 정의
(비율·도달은 백엔드 집계값을 그대로 사용, 시점값은 증감으로 표시)
공통 차트 컴포넌트가 지표별로 설정된 값 포맷, 축, 툴팁, 절대값/변화량 모드를 받아 렌더
플랫폼별 정의가 다른 지표는 합산하지 않고 나란히 표시
성과
공통 차트 하나를 3개 화면에 재사용해 같은 지표의 화면 간 불일치와 왜곡을 제거
지표 추가 시 성격만 지정하면 규칙이 자동 적용되어 확장 비용 최소화
이슈2. 배포 환경 구축
해결 방향
기존 프로젝트의 Terraform 구성을 참고해 ECS Fargate 배포 환경 구성
Blue/Green 무중단 배포와 CI/CD 파이프라인 구축
성과
무중단 배포가 가능한 실행 환경 마련
사내 AI 포털 개발
이슈1. 스트리밍 응답 처리
해결 방향
백엔드 개발자와 협의해 스트리밍 응답 이벤트 정의
외부 모델과 사내 에이전트의 응답 유형별 채팅 UI 반영 로직 구현
성과
스트리밍 응답을 채팅 UI에 실시간 반영
이슈2. 긴 대화의 성능 최적화
해결 방향
최근 메시지만 먼저 불러오고, 위로 스크롤하면 이전 메시지를 이어 불러오는 구간 단위 로딩 (Incremental Loading) 적용
화면에 보이는 메시지만 그리는 가상 스크롤 적용
스트리밍 중에는 마크다운을 블록 단위로 메모해 새로 생기는 블록만 렌더링
성과
긴 대화의 첫 화면 표시 시간 50% 단축
스트리밍 중 렌더링 비용 70% 감소
사내 운영 도구 개발
이슈1. 정산 검수와 근무시간 취합 자동화
해결 방향
정산 검수와 근무시간 취합을 시스템화하고, 비고와 금액을 비교하는 LLM 검수 보조 기능 연동
성과
불일치 항목을 화면에 표시해 수작업을 줄이고 업무 효율 개선

