스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디
스켈레톤 로딩의 개념과 스피너와의 차이를 정리하고, 어떤 화면에 쓰면 좋은지 헤이딜러의 기준을 공유했습니다. 로딩이 짧게 느껴져야 하고 레이아웃 변화가 적은 화면에 적합하다고 설명했습니다.
#Android#UI/UX
36005분
필터 1
react-native 에 모듈 페더레이션 더하기 (with. RePack)
React Native에 모듈 페더레이션을 적용하기 위해 Re.Pack 구성과 host/remote 분리를 소개했습니다. 캐싱과 배포 전략, 번들 생성 및 원격 로딩 방식도 함께 설명했습니다.
#React Native#module federation
50005분
Github Action을 활용한 소스 안정성 개선
GitHub Action으로 lint, conflict, build 실패를 자동 점검하고 Slack 알림으로 공론화하는 방법을 소개했습니다. 배포 전 소스 안정성을 높이기 위한 Workflow 구성과 적용 사례를 설명했습니다.
#GitHub Actions#ESLint
37005분
Redis 사용량 타노스하기
Redis 사용량을 줄여 ElastiCache 메모리와 비용을 크게 절감한 최적화 사례를 정리한 글입니다. 최적화 대상 탐색부터 이주 과정, 추가 개선 여지까지 소개합니다.
#Redis#cache
19005분
React-query 를 사용해 상태관리를 해보자
React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.
#React#state management
4005분
MySQL online alter부터 CPU 100% 장애까지
운영 중인 MySQL 대용량 테이블에 online alter를 적용한 과정과, 이후 CPU 100% 장애를 해결한 경험을 공유했습니다. Percona Toolkit과 캐시 구조 개선으로 서비스를 정상화했습니다.
#MySQL#AWS Aurora
16005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
Redis Pub/Sub을 활용한 쿠폰 발급 비동기 처리
올영세일 쿠폰 발급의 대기 시간을 줄이기 위해 Redis Pub/Sub 기반 비동기 처리를 적용했습니다. 이후 과발급과 유실 문제를 보완하며 Worker별 List 저장소로 발급 흐름을 개선했습니다.
#Redis#Pub/Sub
44005분
React Query 도입 후기
런칭 이후 리팩토링 과정에서 React Query를 도입한 경험을 소개했습니다. 데이터 로딩, 캐싱, 서버 상태 동기화 작업을 더 쉽게 다루는 관점이 핵심입니다.
#React#cache
27005분
11번가 인턴의 카탈로그 리뷰 API 개선기
카탈로그 리뷰 API의 DB 부하 문제를 로컬 캐시 한계를 중심으로 분석했습니다. 글로벌 캐시 도입과 최신화 흐름 검증으로 API 개선 과정을 정리했습니다.
#API#cache
13005분
쏘카의 대규모 인증토큰 트래픽 대응 : 프로젝트 플래닝
성수기 트래픽과 일정 단축에 대응하기 위해 인증 구조 개선 프로젝트를 페이즈로 나누어 진행했습니다. 꼭 해야 할 일과 하면 좋은 일을 구분해 범위를 줄이고, 캐시와 데이터 최적화까지 이어갔습니다.
#DB#cache
46005분
쏘카의 대규모 인증토큰 트래픽 대응 : 개발기
쏘카는 인증 토큰 트래픽이 write DB에 몰리던 문제를 전담 서비스 분리와 읽기 분산으로 개선했습니다. 또한 만료 토큰 정리와 Redis 캐시 적용으로 조회 성능과 응답 속도를 높였습니다.
#cache#Redis
38005분
화면 성능 저하, 어떻게 개선할까?
배포 후 화면 성능 저하의 주요 원인과 개선 방법을 정리한 글입니다. 네트워크 속도, 정적 리소스 캐시, 이미지 최적화로 렌더링 속도를 높이는 방안을 소개했습니다.
#성능#cache
26005분