개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
개인화 추천 템플릿 메인 페이지의 LCP 지연을 줄이기 위해 CSR을 유지한 채 전환 애니메이션과 네트워크·API·이미지 로딩 최적화를 적용했습니다. 그 결과 부드러운 랜딩을 확보하면서도 첫 화면 성능을 개선했습니다.
#성능#CSR#React
12200
개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기
모든 블로그
대표 인기 포스트AI Agent로 테스트 커버리지 100% 달성한 실전 전략 — Claude Code 활용기406 조회406 조회 프론트엔드 백엔드 백엔드 AI
프론트엔드
백엔드
AI
데브옵스
프론트엔드
데브옵스
기타
기타
데브옵스
미리디
도메인medium.com
주요 카테고리 AI · 프론트엔드
활동 요약
- 최근 30일
- 7개
- 평균 조회
- 68
- 누적 조회
- 3,320
- 전체 글
- 49개
- 마지막 발행
- 2026. 11. 10.
미리디 기술 블로그 글 (49)
“디자인이 완성되는 순간, 빠르고 안정적인 출력 경험을 만들어요”
미리캔버스 합성팀이 디자인을 다양한 출력물로 빠르고 안정적으로 변환하는 파이프라인과 운영 방식을 소개했습니다. 고해상도 처리, 정합성 검증, 비용 최적화까지 함께 다뤘습니다.
#node.js#비동기#동시성
6900
“디자인이 완성되는 순간, 빠르고 안정적인 출력 경험을 만들어요”
“디자인이 완성되는 순간, 빠르고 안정적인 출력 경험을 만들어요”
에디터 디자인을 다양한 출력물로 빠르고 안정적으로 변환하는 합성 파이프라인을 소개했습니다. 성능, 정합성, 비용을 함께 관리하는 구조와 자동 검증 방향을 다뤘습니다.
#node.js#동시성#메시지 큐
5400
“디자인이 완성되는 순간, 빠르고 안정적인 출력 경험을 만들어요”
“우리는 왜 지금, 프롬프트 엔지니어를 찾고 있을까요?”
미리디는 멀티모달 AI 디자인 품질을 높이기 위해 프롬프트 엔지니어의 역할을 중요하게 보고 있습니다. 프롬프트 설계뿐 아니라 실험, 평가 지표, 협업 역량까지 요구하고 있습니다.
#prompt#LLM#멀티모달
4400
“더 빠르고, 자연스러운 경험을 만드는 웹&에디터팀”
미리캔버스 웹&에디터팀이 에디터 2.0의 모듈화와 UX 개선, 성능 최적화를 중심으로 일하는 방식을 소개했습니다. 또한 모니터링, 설계 리뷰, 테스트 코드로 안정성과 확장성을 높이는 과정을 공유했습니다.
#React#애니메이션#성능
4600
“폭발적인 성장을 지탱하는 기술, 백엔드팀이 만드는 안정성과 확장성의 아키텍처”
백엔드팀이 MSA 전환과 기술 고도화를 통해 빠르게 성장하는 서비스를 안정적으로 운영하는 과정을 소개했습니다. 검색 캐시 개선, DB 전환, 실시간 처리 최적화로 확장성과 성능을 함께 높였습니다.
#Java#Spring Boot#MSA
6700
AI 스타일 검색 1편 : OpenSearch Efficient KNN Filtering 도입기
OpenSearch KNN과 필터 조합에서 결과 누락이 발생한 원인을 쿼리 구조에서 찾았습니다. pre-filtering 기반 Efficient KNN Filtering으로 검색 품질과 지연 시간을 함께 개선했습니다.
#OpenSearch#KNN#벡터 검색
16400
Airflow를 Docker에서 Kubernetes로 옮기며 배운 것들
Docker 기반 Airflow의 운영 한계를 정리하고 Kubernetes/EKS로 이전한 과정을 공유했습니다. MultiExecutor, Git-Sync, Remote Logging, ArgoCD로 운영 자동화와 격리를 강화했습니다.
#Airflow#Docker#Kubernetes
4800
“보이지 않는 곳에서 만드는 차이, 플랫폼팀이 만드는 효율과 성장의 무대”
프론트엔드 플랫폼팀이 서비스 안정성, DX, 성능 개선을 위해 맡는 역할을 소개했습니다. 또한 Micro Frontends, 모니터링, CI/CD로 대규모 웹 서비스를 운영하는 방향을 설명했습니다.
#Micro Frontends#React#Next.js
1800
Airflow 와 Databricks 로 완성한 디자인허브 정산 시스템 리팩토링 여정
Airflow와 Databricks로 디자인허브 정산 파이프라인을 리팩토링한 과정을 정리했습니다. 운영 DB 부하를 줄이고 멱등성, 가시성, 협업 체계를 함께 개선했습니다.
#Airflow#Databricks#Spring Batch
3500
“프로덕트를 잇고, 고객 경험을 확장해요”
미리디 프로덕트 디자인팀이 제품 간 연결로 고객 경험을 확장하는 방식과 팀의 방향성을 소개했습니다. 글로벌 확장, AI 고도화, 리서치와 협업 체계 강화에 집중하고 있습니다.
#UI/UX#디자인 시스템#사용성 테스트
2800
“데이터로 문제를 정의하고, 협업으로 해결해요”
미리디 프로덕트 디자인팀의 데이터 기반 문제 정의와 협업 중심 일하는 방식을 소개했습니다. 실제 사례와 함께 디자인 시스템, 피드백 문화, 실험적 개선 과정을 보여주었습니다.
#UI/UX#데이터 분석#디자인 시스템
2500
미리디의 데이터 혁신 | “폭발적인 성장을 이끄는 데이터브릭스 기반 데이터 문화 구축 이야기”
데이터브릭스를 중심으로 데이터 아키텍처를 재설계해 신뢰성과 운영 효율을 높인 사례를 소개했습니다. 또한 전사 구성원이 데이터를 더 쉽게 활용하는 문화로 확장한 과정을 공유했습니다.
#Databricks#데이터 분석#데이터 거버넌스
2300