필터 1
무스마
프론트엔드

React-query 를 사용해 상태관리를 해보자

React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.

#React#state management
500
MySQL online alter부터 CPU 100% 장애까지
데브시스터즈
백엔드

MySQL online alter부터 CPU 100% 장애까지

운영 중인 MySQL 대용량 테이블에 online alter를 적용한 과정과, 이후 CPU 100% 장애를 해결한 경험을 공유했습니다. Percona Toolkit과 캐시 구조 개선으로 서비스를 정상화했습니다.

#MySQL#AWS Aurora
1600
Redis Pub/Sub을 활용한 쿠폰 발급 비동기 처리
올리브영
백엔드

Redis Pub/Sub을 활용한 쿠폰 발급 비동기 처리

올영세일 쿠폰 발급의 대기 시간을 줄이기 위해 Redis Pub/Sub 기반 비동기 처리를 적용했습니다. 이후 과발급과 유실 문제를 보완하며 Worker별 List 저장소로 발급 흐름을 개선했습니다.

#Redis#Pub/Sub
4600
React Query 도입 후기
사람인
프론트엔드

React Query 도입 후기

런칭 이후 리팩토링 과정에서 React Query를 도입한 경험을 소개했습니다. 데이터 로딩, 캐싱, 서버 상태 동기화 작업을 더 쉽게 다루는 관점이 핵심입니다.

#React#cache
2700
11번가 인턴의 카탈로그 리뷰 API 개선기
11번가
백엔드

11번가 인턴의 카탈로그 리뷰 API 개선기

카탈로그 리뷰 API의 DB 부하 문제를 로컬 캐시 한계를 중심으로 분석했습니다. 글로벌 캐시 도입과 최신화 흐름 검증으로 API 개선 과정을 정리했습니다.

#API#cache
1300
쏘카의 대규모 인증토큰 트래픽 대응 : 프로젝트 플래닝
쏘카
백엔드

쏘카의 대규모 인증토큰 트래픽 대응 : 프로젝트 플래닝

성수기 트래픽과 일정 단축에 대응하기 위해 인증 구조 개선 프로젝트를 페이즈로 나누어 진행했습니다. 꼭 해야 할 일과 하면 좋은 일을 구분해 범위를 줄이고, 캐시와 데이터 최적화까지 이어갔습니다.

#DB#cache
4600
쏘카의 대규모 인증토큰 트래픽 대응 : 개발기
쏘카
백엔드

쏘카의 대규모 인증토큰 트래픽 대응 : 개발기

쏘카는 인증 토큰 트래픽이 write DB에 몰리던 문제를 전담 서비스 분리와 읽기 분산으로 개선했습니다. 또한 만료 토큰 정리와 Redis 캐시 적용으로 조회 성능과 응답 속도를 높였습니다.

#cache#Redis
3800
화면 성능 저하, 어떻게 개선할까?
IMQA
프론트엔드

화면 성능 저하, 어떻게 개선할까?

배포 후 화면 성능 저하의 주요 원인과 개선 방법을 정리한 글입니다. 네트워크 속도, 정적 리소스 캐시, 이미지 최적화로 렌더링 속도를 높이는 방안을 소개했습니다.

#성능#cache
2600
다나와
백엔드

Elasticsearch 3TB의 인덱스를 reindex 하는 방법

Elasticsearch 대용량 인덱스 reindex에서 속도와 안정성을 높이는 설정 조정 사례를 다뤘습니다. replica 분리, refresh 비활성화, throttling과 복구 속도 제한으로 장애를 줄였습니다.

#Elasticsearch#reindex
2500
카카오엔터테인먼트FE
프론트엔드

문제 해결을 넘어 - 문제의 근본적인 원인 찾아가기 Part 2

Next.js에서 컴포넌트 내부 CSS 임포트와 브라우저 캐시가 겹치며 CORS 에러가 발생했습니다. 전역 임포트 또는 `crossOrigin` 설정으로 문제를 해결했습니다.

#Next.js#React
1600
카카오엔터테인먼트FE
데브옵스

GitHub Actions - JavaScript action 만들기

조건문이 많은 Composite action을 Map 기반 JavaScript action으로 리팩터링하는 과정을 정리했습니다. @actions/core, @actions/github와 캐싱을 활용해 GitHub Actions에서 안정적으로 실행하는 방법도 다뤘습니다.

#GitHub Actions#JavaScript
14300
SK플래닛
데브옵스

Spot by NetApp을 활용한 AWS EKS 운영 비용 절감 사례

AWS EKS에서 운영 중인 챗봇 서비스의 비용을 Spot by NetApp 도입으로 최적화한 사례입니다. 파드와 노드 교체 안정성을 보완해 수수료 포함 약 40% 절감했습니다.

#AWS#EKS
2100
User segmentation 시스템 개발기
아이디어스
아키텍처

User segmentation 시스템 개발기

MSA 환경에서 유저 세그멘테이션을 위해 구체화된 뷰와 이벤트 드리븐 구조를 도입했습니다. 캐시와 동기화를 결합해 빠른 조회 성능과 장애 전파 차단을 확보했습니다.

#MSA#Kafka
2100
아키텍처 전략: 실시간 위치 검색을 위한 지리 공간 인덱스 설계 2편 -  샤딩으로 아키텍처 개선하기
IMQA
아키텍처

아키텍처 전략: 실시간 위치 검색을 위한 지리 공간 인덱스 설계 2편 - 샤딩으로 아키텍처 개선하기

실시간 위치 검색을 위해 도시 단위 샤딩과 메타데이터 레지스트리를 활용한 인덱스 설계를 소개했습니다. 또한 도시 경계 이슈와 핫스팟 발생 시의 한계와 확장 방향도 함께 다뤘습니다.

#샤딩#cache
2000