Next.js 캐싱으로 웹 서버 성능 최적화
Next.js 캐싱으로 웹 서버 성능 최적화
Next.js App Router에서 Full Route Cache를 활용해 상품 목록·상세 페이지의 서버 렌더링 비용을 줄인 사례입니다. 부하테스트에서 TPS를 크게 개선하고 CPU 사용률도 낮췄습니다.
#Next.js#SSR
4700
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
데이터 엔지니어의 Airflow 데이터 파이프라인 CI 테스트 개선기
Airflow 데이터 파이프라인 CI의 이미지 캐시, 의존성, 초기화·병렬 실행을 개선했습니다. 최대 7분 걸리던 테스트를 안정적인 3분 중반대로 약 50% 단축했습니다.
#Airflow#CI/CD
000
웹사이트의 첫 삽부터 나무를 기르기까지: 당근닷컴 디벨롭의 여정
당근닷컴 웹사이트를 처음 만들고 글로벌 리뉴얼과 내부 데이터 레이어 Jampot을 도입한 과정을 정리한 글입니다. URL 정책, 링크 연동, 캐싱, SEO 운영까지 웹사이트 오너십을 키워간 여정을 설명했습니다.
#Next.js#GraphQL
5800
전환율 34% 향상시킨 가격 비교 경험 개선
가격 비교 유입 고객의 주문 여정에서 할인 인지와 쿠폰 적용 마찰을 줄여 전환율을 개선했습니다.\n제휴 가격 일치와 쿠폰 자동다운·자동적용으로 주문완료 전환율을 34% 높였습니다.
#전환율#UI/UX
2400
내자산: 마이데이터 자산 조회
네이버페이 내자산의 마이데이터 자산 조회를 단계적으로 개선한 과정을 소개했습니다. 캐시 선노출, 병렬 요청, WebSocket 적용으로 응답성과 사용자 경험을 높였습니다.
#WebSocket#Socket.IO
4600
CXL 3.1 소개와 스토리지
CXL 3.0과 3.1의 주요 변경사항을 중심으로 성능, 패브릭 구조, 메모리 공유 기능을 정리했습니다. 또한 CXL이 스토리지와 데이터센터 메모리 운영에 미치는 영향도 함께 설명했습니다.
#CXL#PCIe
1800
Hello, FabriCache (패브리캐시) :
패브리캐시는 VOD용으로 만든 블럭 단위 분산 캐시 시스템을 소개합니다. 오리진 장애 대응, 멀티 오리진 지원, 웹 서버 비의존 구현이 핵심입니다.
#cache#cloud
2000
ZFS 파일 시스템
ZFS의 핵심 개념과 주요 기능, 스토리지 풀 구조를 소개했습니다. 도입 전 메모리 요구량과 단일 서버 한계도 함께 짚었습니다.
#ZFS#파일 시스템
1800
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
RDS MySQL IOPS 장애 대응기
RDS MySQL의 gp2 Burst Balance 소진으로 발생한 IOPS 장애를 분석했습니다. 메모리 스케일업으로 working set을 확보해 Read IOPS를 크게 낮췄습니다.
#AWS#RDS
000
스켈레톤 로딩, 언제 사용해야 할까? — 헤이딜러 UX 스터디
스켈레톤 로딩의 개념과 스피너와의 차이를 정리하고, 어떤 화면에 쓰면 좋은지 헤이딜러의 기준을 공유했습니다. 로딩이 짧게 느껴져야 하고 레이아웃 변화가 적은 화면에 적합하다고 설명했습니다.
#Android#UI/UX
3700
react-native 에 모듈 페더레이션 더하기 (with. RePack)
React Native에 모듈 페더레이션을 적용하기 위해 Re.Pack 구성과 host/remote 분리를 소개했습니다. 캐싱과 배포 전략, 번들 생성 및 원격 로딩 방식도 함께 설명했습니다.
#React Native#module federation
5400
Github Action을 활용한 소스 안정성 개선
GitHub Action으로 lint, conflict, build 실패를 자동 점검하고 Slack 알림으로 공론화하는 방법을 소개했습니다. 배포 전 소스 안정성을 높이기 위한 Workflow 구성과 적용 사례를 설명했습니다.
#GitHub Actions#ESLint
4000
Redis 사용량 타노스하기
Redis 사용량을 줄여 ElastiCache 메모리와 비용을 크게 절감한 최적화 사례를 정리한 글입니다. 최적화 대상 탐색부터 이주 과정, 추가 개선 여지까지 소개합니다.
#Redis#cache
2300
React-query 를 사용해 상태관리를 해보자
React-query 를 사용해 상태관리를 해보자
React Query를 상태관리 관점에서 소개하며 데이터 패칭과 캐싱, 동기화 장점을 정리했습니다. 또한 useQuery와 useMutation, staleTime과 cacheTime 활용 방법을 예시로 설명했습니다.
#React#state management
800