프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드
AI 프로토타입이 개발 코드로 이어지지 못하는 디자인·개발 협업 병목을 분석했습니다. 공통 검증과 Storybook 하네스로 재사용 가능한 작업 경로를 마련합니다.
#Storybook#디자인 시스템#프로토타입
2700
프로덕트 디자이너와 개발자를 연결하는 AX 프로젝트, AXPD스쿼드
모든 블로그
대표 인기 포스트AI Agent로 테스트 커버리지 100% 달성한 실전 전략 — Claude Code 활용기406 조회406 조회 프론트엔드 AI 프론트엔드 프론트엔드 프론트엔드 기타 기타 기타 프론트엔드 백엔드 프론트엔드 프론트엔드 기타 AI 데브옵스 AI AI AI
미리디
도메인medium.com
주요 카테고리 AI · 프론트엔드
활동 요약
- 최근 30일
- 7개
- 평균 조회
- 68
- 누적 조회
- 3,320
- 전체 글
- 49개
- 마지막 발행
- 2026. 11. 10.
미리디 기술 블로그 글 (49)
채팅으로 디자인하는 AI, 실제로 쓸까? — A/B 테스트와 사용자 행동 분석기
AI 디자이너 MVP의 A/B 테스트와 발화 분석으로 이탈 원인을 기능 미지원·응답 지연으로 구분했습니다. 도구별 우선순위와 캔버스 맥락 활용 가설을 도출해 응답시간 개선과 제품 방향 논의에 반영했습니다.
#LLM#AI 에이전트#A/B 테스트
3700
채팅으로 디자인하는 AI, 실제로 쓸까? — A/B 테스트와 사용자 행동 분석기
‘왜 이렇게 만들었을까’라는 질문으로 성장하는 웹 에디터 팀
웹 에디터 팀은 문제 정의와 설계 후 구현하는 방식으로 복잡한 편집 기능을 개발했습니다. 질문 중심 코드 리뷰와 기술 공유로 구조 설계 역량을 함께 키웠습니다.
#React#Jotai#디자인패턴
2200
‘왜 이렇게 만들었을까’라는 질문으로 성장하는 웹 에디터 팀
미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들
미리캔버스 웹 에디터 팀이 편집 기능의 핵심 로직과 상태 구조를 설계하는 역할을 소개했습니다. MFA와 책임 분리 구조를 바탕으로 실시간 반응성·확장성을 확보하는 방식을 공유했습니다.
#MFA#객체지향#함수형 프로그래밍
2500
미리캔버스의 편집 로직을 책임지는 웹 에디터 팀 엔진 개발자들
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 SVG 필터로 이미지 보정 기능을 구현하는 활용 사례를 다룹니다. 실제 프로젝트 적용 시 마주치는 실전 이슈를 중심으로 설명합니다.
#SVG#이미지 보정#브라우저
1300
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
디자인 퀄리티와 사용 편의성 사이, 최적의 균형을 만드는 미리캔버스 템플릿 디자이너
미리캔버스 템플릿 팀은 사용자 데이터로 편집하기 쉬운 레이아웃과 가이드를 설계했습니다. 디자인 품질과 사용성을 함께 높이는 과정 및 성과를 소개합니다.
#UI/UX#템플릿 디자인#사용자 데이터
1100
디자인 퀄리티와 사용 편의성 사이, 최적의 균형을 만드는 미리캔버스 템플릿 디자이너
누구나 전문가처럼 만들 수 있게: 미리캔버스 템플릿 디자이너가 일하는 법
미리캔버스 템플릿 디자이너는 타겟과 목적을 분석하고 디자인 가설을 실험합니다. 북미·일본 시장별 사용자 반응을 바탕으로 사용성과 미감을 갖춘 템플릿을 설계합니다.
#템플릿 디자인#UI/UX#B2B
1300
누구나 전문가처럼 만들 수 있게: 미리캔버스 템플릿 디자이너가 일하는 법
“고객의 목소리를 서비스 개선으로 잇는 사람들, 고객만족 CX팀”
고객 문의를 해결하는 데 그치지 않고 반복 원인을 분석해 서비스 개선으로 연결하는 CX팀을 소개했습니다. PoD 인쇄 커머스 이해를 바탕으로 온보딩과 협업을 통해 서비스 운영 역량을 키웁니다.
#CX#PoD#자동화
600
“고객의 목소리를 서비스 개선으로 잇는 사람들, 고객만족 CX팀”
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 SVG 필터로 이미지를 보정하는 글입니다. 다만 본문 접근이 차단되어 세부 내용은 확인할 수 없었습니다.
#SVG#브라우저#이미지
2500
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
외부 API 장애가 우리 서비스 장애로 이어졌다
외부 API 장애가 서비스 장애로 이어지는 문제를 다뤘습니다. 멀티 벤더 자동 Fallback과 Health Status 적용 과정의 시행착오를 공유했습니다.
#API#fallback#모니터링
8300
외부 API 장애가 우리 서비스 장애로 이어졌다
테스트가 늘수록 느려지던 CI, 16분에서 3분이 되기까지
미리캔버스 모노레포에서 테스트 수가 늘며 CI가 16분까지 느려졌습니다. 테스트 실행 구조를 개선해 CI 시간을 3분 수준으로 줄였습니다.
#CI/CD#test#모노레포
7100
테스트가 늘수록 느려지던 CI, 16분에서 3분이 되기까지
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
브라우저에서 SVG 필터로 이미지 보정 효과를 구현한 사례를 다룬 글입니다. 미리캔버스의 활용 영역에서 이미지 보정 필터 적용 맥락을 소개했습니다.
#SVG#browser#image processing
3200
미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기
미리디 엔진팀이 사내 해커톤 이틀 만에 만든 결과물 30개
미리디 엔진팀의 사내 해커톤 ‘Rev.Up’ 사례를 소개하는 글입니다.
#해커톤#문화
6200
미리디 엔진팀이 사내 해커톤 이틀 만에 만든 결과물 30개
AI 잘 쓰는 사람의 노하우, 어떻게 팀 전체로 퍼질까?
개인의 AI 활용 경험을 팀 전체로 확산시키는 방법을 다뤘습니다. 전사 타운홀 Re:Sync로 각 팀의 실행과 배움을 연결했습니다.
#회의#문화
6600
AI 잘 쓰는 사람의 노하우, 어떻게 팀 전체로 퍼질까?
Terraform Module에서 Terragrunt Stacks까지 IaC 구조를 다시 나눈 이유
10개 이상의 AWS 계정과 350개 이상의 서비스를 운영하는 IaC 구조를 다시 나눈 사례입니다. Terraform Module에서 Terragrunt Stacks로 분리한 이유를 다뤘습니다.
#Terraform#AWS#IaC
2400
Terraform Module에서 Terragrunt Stacks까지 IaC 구조를 다시 나눈 이유
미리캔버스가 AI 3대로 해외 트렌드에서 진짜를 가려내는 법
세 AI 에이전트의 토론과 네 플랫폼 데이터를 결합한 트렌드봇 설계를 소개했습니다. 해외 신호 탐색을 자동화하고, 최종 제작 판단은 사람이 맡도록 구성했습니다.
#AI 에이전트#LLM#할루시네이션
2900
미리캔버스가 AI 3대로 해외 트렌드에서 진짜를 가려내는 법
AI로 QA 업무를 자동화한 방법: n8n부터 E2E 테스트 자동화까지
QA 업무의 반복 검증을 AI와 자동화 도구로 줄이는 방법을 소개한 글입니다. n8n부터 E2E 테스트 자동화까지의 흐름을 중심으로 살펴봅니다.
#test#자동화#n8n
19600
AI로 QA 업무를 자동화한 방법: n8n부터 E2E 테스트 자동화까지
통합 검색 임베딩 모델 개발기: 9개 태스크를 고르게 학습시키기
통합 검색 임베딩 모델을 개발하며 9개 태스크를 고르게 학습시키는 과정을 다룬 글입니다.
#검색#ML#LLM
3300
통합 검색 임베딩 모델 개발기: 9개 태스크를 고르게 학습시키기