외부 API, 수신과 처리 분리하기
외부 API 수신과 실제 데이터 처리를 분리한 구조를 소개했습니다. 요청은 Payload로 저장하고 내부 Timer Event가 비동기로 처리하도록 설계했습니다.
#API#Batch Insert#비동기
4400
모든 블로그
대표 인기 포스트DB 트랜잭션 중심 대량요청 처리 최적화651 조회651 조회 백엔드 백엔드
프론트엔드
프론트엔드
AI
백엔드
백엔드
프론트엔드
데브옵스
아키텍처
아키텍처
AI
백엔드
AI
데브옵스
프론트엔드
백엔드
프론트엔드
넥스트리
도메인nextree.io
주요 카테고리 백엔드 · 프론트엔드 · AI
활동 요약
- 최근 30일
- 18개
- 평균 조회
- 66
- 누적 조회
- 11,766
- 전체 글
- 177개
- 마지막 발행
- 2026. 10. 30.
넥스트리 기술 블로그 글 (177)
모던 백엔드 - 컨텍스트 전파 리팩토링(1)
ThreadLocal 기반 컨텍스트 전파를 Java 25 ScopedValue로 바꾸는 리팩토링을 다루었습니다. 대상 파일 분석, 필터 전환, 예외와 타입 추론 문제 해결까지 정리했습니다.
#Java#refactoring#ThreadLocal
3000
SpreadJS 엑셀 로딩 성능 최적화2
React와 TypeScript 기반 SpreadJS Excel 상세 화면의 초기 로딩 지연을 단계별 측정으로 분석했습니다. 모든 시트에 바인딩하던 구조를 필요한 시트만 처리하도록 바꿔 로딩 시간을 약 40~50% 줄였습니다.
#React#TypeScript#SpreadJS
2800
Storybook으로 만든 독립적인 UI 개발 환경
Storybook으로 UI 상태를 독립적으로 재현해 개발 환경 준비에 덜 의존하도록 구성했습니다. 실제 API 연동과 화면 흐름은 기존 개발 환경에서 분리해 확인했습니다.
#Storybook#Vite#Mock 데이터
6400
20달러 회화 앱 개발 도전기
영어 회화 학습의 불편함을 해결하기 위해 영상 기반 학습 앱을 개발한 사례입니다. 데스크톱에서 자료를 만들고 모바일에서 학습하는 구조로 실사용성과 비용을 함께 고려했습니다.
#Android#Gemini#ChatGPT
4800
HMAC 서명 토큰으로 초대 링크 만들기
인력풀 초대 링크에 만료와 위변조 방지를 넣기 위해 HMAC 서명 토큰을 적용했습니다. 프론트는 토큰만 전달하고, 서버가 발급과 검증을 모두 맡도록 구성했습니다.
#HMAC#Base64#Kubernetes
4200
NATS JetStream 장애 분석
NATS JetStream Durable Consumer가 비정상 종료 이후 메시지를 소비하지 못한 장애를 분석했습니다. Consumer 상태값으로 원인을 식별하고, 재생성 및 초기화 스크립트로 복구했습니다.
#NATS#JetStream#MSA
2800
Main Thread Blocking 개선 사례
수만 건 Grid 화면에서 Cell 계산과 데이터 조합이 반복되며 Main Thread Blocking이 발생했습니다. 사전 집계와 계산 결과 재사용으로 반복 연산을 줄여 개선했습니다.
#성능#Main Thread#Long Task
3800
Nginx 프록시로 에러 화면 통합하기
Nginx 프록시 계층에서 에러 화면을 통합하고 정보 노출을 줄이는 방법을 정리했습니다. React API 요청까지 고려해 HTML과 JSON 에러 응답을 분기하는 설계도 설명했습니다.
#Nginx#Spring Boot#Tomcat
4801
결재 연동 이벤트 핸들러 구축
MSA 환경에서 외부 전자결재 서비스와 근태·휴가 도메인을 비동기 이벤트로 연동한 사례를 정리했습니다. 멱등 처리와 DB 제약 조건 수정으로 장애 격리와 최종 일관성을 확보했습니다.
#MSA#비동기#event
3700
결재 연동 이벤트 핸들러 구축
외부 전자결재와 근태/휴가 서비스를 MSA 환경에서 비동기 이벤트로 연동한 사례입니다. approvalId 매핑과 멱등성 가드, DB 제약 조건 정합성으로 장애 격리와 최종 일관성을 확보했습니다.
#MSA#비동기#event
3100
LLM이 만들고 활용하는 Wiki
LLM이 문서를 읽는 순서와 우선순위를 정리하는 Wiki 구조를 소개했습니다. VUI 디자인 시스템 작업에서 검증과 생성에 어떻게 활용했는지도 사례로 설명했습니다.
#LLM#Wiki#Storybook
7400
조건부 호출로 줄인 API 비용
외부 기관 조회 API의 호출 건수 기반 과금 문제를 줄이기 위해 조건부 호출을 적용했습니다. 조회 Timestamp와 배치 갱신, Lazy Loading으로 불필요한 호출을 최소화했습니다.
#HTTP#cache#REST API
3600
Scrum AI
스크럼에서 반복되던 유저스토리 작성과 점수 참고 과정을 줄이기 위해 AI 기능을 도입한 과정을 공유했습니다. 생성과 검색을 분리하고, 실제 사용 중 드러난 문제를 바탕으로 구조를 계속 조정했습니다.
#Claude#LLM#React
3400
번역 자동화 파이프라인 구축기
번역 리소스를 별도 저장소로 분리하고 검증·배포 자동화를 붙인 경험을 정리했습니다. Windows와 macOS 차이까지 고려해 번역 누락과 배포 오류를 줄였습니다.
#i18n#node.js#Kubernetes
4000
WebView 소셜 인증을 RN 브리지로 전환하기
React Native 네이티브 SDK로 소셜 인증을 처리하고, 기존 React/Gate 로그인 흐름은 그대로 재사용하는 브리지 구조를 도입했습니다. WebView 통신은 계약과 재전송, ACK로 안정화하고 실기기 디버깅 가능성도 높였습니다.
#React Native#WebView#OAuth
2900
PostgreSQL Autovacuum과 Lock
운영 중 PostgreSQL에서 wraparound 방지 autovacuum이 CPU 100%를 유발한 사례를 정리했습니다. xid_age 누적, lock 경합, 긴급 대응과 사전 모니터링 포인트를 함께 설명했습니다.
#PostgreSQL#DB#Lock
3100
결제 기능 공통 컴포넌트 구현기
React 공통 컴포넌트로 결제 SDK 연동과 상태 관리를 일원화한 구현 경험을 정리했습니다. 인라인·팝업을 통합하고 성공·실패 후처리와 멱등성까지 고려한 설계가 핵심입니다.
#React#React Native#WebView
3600