React Query 캐시 전략에 대한 고찰
React Query 캐시 전략에 대한 고찰
React Query의 staleTime, gcTime, 키 팩토리, 무효화 전략을 중심으로 캐시 운영법을 정리했습니다. 전역 기본값과 직접 갱신을 통해 불필요한 재요청과 화면 깜빡임을 줄이는 방법을 제안했습니다.
#React#cache
4300
국내 IT 기업 기술 블로그 최신 글
필터 0
Keycloakify의 page_hint 상태 관리 개선
Keycloakify의 page_hint 상태 관리 개선
Keycloakify의 라운드트립 구조 때문에 `page_hint`를 단순히 React 상태처럼 다루면 새로고침 시 화면이 바뀌는 문제가 있었습니다. 마운트 시 무조건 삭제하던 로직을 진입 흐름에 맞게 조정해 직원 계정 최초 설정 화면을 유지했습니다.
#Keycloak#React
1400
에이전트를 위한 디자인 시스템
에이전트가 활용할 디자인 시스템을 매니페스트·브랜드 시드·명시적 제약 데이터로 설계했습니다. 조합 테스트와 빌드 검증으로 일관된 인터랙션 품질을 운영하는 방식을 소개합니다.
#에이전트#디자인 시스템
600
이상적인 구조가 빠른 성능은 아닙니다
이상적인 구조가 빠른 성능은 아닙니다
기획전 API의 중복 조회와 중첩 저장 구조를 분리해 성능을 개선한 사례를 다뤘습니다. 다만 구조 분리만으로는 충분하지 않아 실제 조회 패턴과 운영 부하까지 함께 고려해야 했습니다.
#MongoDB#성능
2500
End to End 유저 모니터링 RUM 으로 한방에 해결!!
End to End 유저 모니터링 RUM 으로 한방에 해결!!
RUM 기반의 엔드투엔드 모니터링 서비스 nFront RUM을 소개했습니다. 외부 작업 없이 품질 측정과 AI 리포트를 제공하는 내부 솔루션을 다뤘습니다.
#모니터링#dashboard
1900
맥락이 형태를 결정할 때
맥락이 형태를 결정할 때
앱 스토어 스크린샷은 시각보다 브랜드 맥락을 먼저 정리해야 한다고 설명했습니다. 왓챠와 왓챠피디아를 서로 다른 사용자 흐름에 맞춰 설계하고, 오래 유효한 구성으로 운영까지 고려했습니다.
#UI/UX#브랜딩
600
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
Amazon RDS for MySQL에서 Amazon Aurora Serverless v2로 전환한 메가MGC커피 모바일 주문 서비스 DB 현대화 사례
Amazon RDS for MySQL에서 Amazon Aurora Serverless v2로 전환한 메가MGC커피 모바일 주문 서비스 DB 현대화 사례
메가MGC커피가 RDS for MySQL을 Aurora Serverless v2로 전환해 오전 피크 트래픽 대응력을 높였습니다. 또한 Read Replica 기반 Cut-over와 ACU 조정으로 안정성과 비용 효율을 함께 확보했습니다.
#AWS#Amazon RDS
2200
AI와 코드 사이: 이미지 한 장을 편집 가능한 레이어로 되돌리기
AI와 코드 사이: 이미지 한 장을 편집 가능한 레이어로 되돌리기
이미지 분해에서 분석과 실행을 분리해 원본 픽셀을 보존하는 파이프라인을 설계했습니다. WebGPU와 로컬 AI를 활용해 비용과 속도를 함께 개선했습니다.
#WebGPU#LLM
500
혼자 시작해 전국 오픈까지, 당근 레슨/과외 빌딩 로그
혼자 시작해 전국 오픈까지, 당근 레슨/과외 빌딩 로그
당근 레슨/과외가 숨은 수요를 발견하고 PMF를 찾기까지의 과정을 공유했습니다. 수요자 중심 실험과 진입점 개선으로 전국 오픈 단계까지 확장한 사례입니다.
#마켓플레이스#PMF
21500
20만원 크레딧 받기 | NAVER API HUB 출시 프로모션 (~9/30)
20만원 크레딧 받기 | NAVER API HUB 출시 프로모션 (~9/30)
NAVER API HUB 출시와 함께 API 종량제·모니터링 기능 및 20만 원 크레딧 프로모션을 소개했습니다. Claude Code용 NCP MCP로 클라우드 리소스 생성·조회도 지원합니다.
#NAVER API HUB#MCP
1800
의뢰자가 가장 어려워하는 단계를 AI로: Strands Agents SDK를 활용한 라우드소싱의 공모전 브리핑 작성 에이전트
의뢰자가 가장 어려워하는 단계를 AI로: Strands Agents SDK를 활용한 라우드소싱의 공모전 브리핑 작성 에이전트
공모전 브리핑 작성의 진입 장벽을 낮추기 위해 AWS Bedrock과 Strands Agents SDK 기반 AI 에이전트를 도입했습니다. 초안 생성과 검수, 분석을 분리해 응답 속도와 운영 효율을 높이고, 브리핑 이탈률도 줄였습니다.
#LLM#RAG
800
모바일 UI 로 첫 나들이
모바일 UI 로 첫 나들이
웹과 모바일 UI의 차이를 타이포그래피, Safe Area, 내비게이션, 버튼 배치 중심으로 정리했습니다. 모바일에서는 공간 배치보다 우선순위와 엄지 조작성을 더 중요하게 봐야 한다는 점을 설명했습니다.
#mobile#UI/UX
14300
선언적 폼 바인딩
선언적 폼 바인딩
다이얼로그 수정 폼에서 useEffect 기반 수동 바인딩으로 발생한 상태 꼬임 문제를 정리했습니다. React Hook Form의 values로 선언적 동기화를 적용해 잔상과 레이스 컨디션을 줄였습니다.
#React#React Hook Form
2001
세 개의 플랫폼, 하나의 배포 관측
세 개의 플랫폼, 하나의 배포 관측
세 플랫폼에 흩어진 배포 이력을 APM 트레이스 기반 신호로 통합했습니다. 장애 스레드에 직전 배포를 자동 첨부해 대응 속도를 높였습니다.
#EKS#ECS
2100