2026년 6월 15일
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
Android 웹뷰에서 무한 CSS 애니메이션이 앱 CPU를 크게 올리는 현상을 조사했습니다. transform 최적화만으로는 해결되지 않았고, 지속 애니메이션 자체를 줄이는 방향이 필요했습니다.
#CSS#React Native#Android
6700
웹뷰 속 무한 CSS 애니메이션의 숨은 비용
모든 블로그
대표 인기 포스트대용량 트래픽을 견디는 서버 만들기 — Rust 기반 게이트웨이 구축246 조회246 조회 프론트엔드 AI 프론트엔드 AI AI
프론트엔드
프론트엔드
기타
프론트엔드
백엔드
AI
프론트엔드
기타
기타
기타
기타
기타 기타
기타
기타
크리에이트립
도메인medium.com
주요 카테고리 Frontend · AI · Else
활동 요약
- 최근 30일
- 1개
- 평균 조회
- 66
- 누적 조회
- 1,311
- 전체 글
- 20개
- 마지막 발행
- 2026. 6. 15.
최신 게시글 (20)
2026년 4월 16일
AI 리뷰를 신뢰할 수 있을까요?
AI 코드 리뷰의 신뢰성을 높이기 위해 자체 벤치마크와 반영률 지표를 만들고 개선 과정을 정리했습니다. 서브에이전트와 프롬프트 튜닝의 한계를 확인한 뒤 데이터 기반으로 모델과 워크플로를 바꿨습니다.
#LLM#Claude#GitHub
11500
AI 리뷰를 신뢰할 수 있을까요?
2026년 1월 23일
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
styled-components에서 Tailwind CSS로의 대규모 점진 마이그레이션 방법을 다뤘습니다. CSS Cascade Layers와 SSR/CSR 대응으로 스타일 충돌 없이 전환했습니다.
#Tailwind CSS#styled-components#CSS Cascade Layers
11800
styled-components에서 Tailwind CSS로 안전하게 대규모 마이그레이션하기
2025년 12월 21일
Claude Code를 REST API로 감싸기: 세션, 스트리밍, MCP
Claude Code를 REST API로 감싸 세션 복원, 스트리밍 분리, MCP 도구 연동 구조를 정리했습니다. 기존 AI SDK 도구를 재사용하면서 웹 환경에서 에이전트를 운영하는 방법을 공유했습니다.
#Claude Code#REST API#MCP
12900
Claude Code를 REST API로 감싸기: 세션, 스트리밍, MCP
2025년 11월 6일
Agent SDK로 만드는 자율적 AI Assistant
AI PR 리뷰 도구의 한계를 자율성과 확장성 관점에서 설명했습니다. Claude Agent SDK로 Multi-turn 에이전트를 구성해 이슈 생성과 PR 작업까지 확장한 사례를 공유했습니다.
#Agent SDK#LLM#MCP
7400
2025년 10월 2일
GraphQL 커스텀 디렉티브로 만드는 선언적 지연 로딩
SSR에서 개인화 필드 동기화와 중복 요청 문제를 GraphQL 커스텀 디렉티브로 해결한 사례를 소개했습니다.\n`@lazy`로 필요한 필드만 재조회해 네트워크 비용을 줄이고 개발자 경험을 개선했습니다.
#GraphQL#Apollo Client#Next.js
6500
2025년 7월 28일
피그마 플러그인을 통한 개발 생산성 끌어올리기
피그마 플러그인으로 디자인 토큰과 Tailwind 클래스를 자동 추출해 개발 생산성을 높인 사례를 소개했습니다. 디자인 시스템의 일관성과 지속적인 도구 개선의 중요성도 함께 강조했습니다.
#Figma#Tailwind CSS#TypeScript
10100
2025년 6월 18일
크트 엔지니어들과 AI
AI가 작성한 코드의 리뷰 책임과 이해 수준을 두고 개발팀이 PR 템플릿 개선을 논의했습니다. 작업자 책임과 자동 검증 강화가 함께 필요하다는 점을 짚었습니다.
#LLM#ChatGPT#Claude
7800
2025년 5월 24일
XState 도입기: 복잡한 여행 플랜 상태 관리를 단순화한 방법
여행 플랜처럼 단계가 많고 분기 있는 흐름을 XState 상태 머신으로 정리한 도입기였습니다. React 상태 관리보다 전이 로직을 한곳에 모아 유지 보수와 협업을 쉽게 만든 사례였습니다.
#XState#React#상태 머신
10800
2025년 4월 10일
대용량 트래픽을 견디는 서버 만들기 — Rust 기반 게이트웨이 구축
대용량 트래픽으로 반복 다운되던 GraphQL 게이트웨이를 Rust 기반 Apollo Router로 재구축했습니다. 배포 후 처리 성능과 자원 사용률이 크게 개선되어 장애 없이 운영 중입니다.
#Rust#GraphQL#Apollo Router
24600
2025년 2월 19일
사내 AI 챗봇 서비스 구축하기
사내 AI 챗봇 서비스를 Next.js 템플릿 기반으로 구축하고, Azure OpenAI와 GraphQL 도구 연동을 확장한 과정을 공유했습니다. 배포와 필터링, 컨텍스트 초과 같은 문제를 해결하며 내부 구성원용 서비스로 운영한 사례입니다.
#LLM#ChatGPT#GraphQL
3300
2025년 1월 3일
웹 접근성을 지켜라
웹 접근성의 기본 개념과 접근성 트리, ARIA 활용법을 정리했습니다. 또한 Radix UI Dialog 예시로 포커스 관리와 상태 전달 방식을 살펴보았습니다.
#웹 접근성#ARIA#React
3100
2024년 10월 10일
unified + rehype 를 사용하여 경제적인 LLM번역 프로세스 구축하기
안녕하세요. 크리에이트립(Creatrip) FE 개발자 서종학입니다. 저는 공통 스쿼드에서 FE 업무뿐만 아니라 프로덕트 전반의 프로세스 개선에도 적극적으로 참여하여 운영 효율화와
1100
2024년 8월 28일
ElasticSearch 비용, 성능 최적화 — 2편
ElasticSearch 비용, 성능 최적화 — 2편 안녕하세요. Creatrip에서 백엔드 개발을 담당하고 있는 이재용입니다. 이번 2편에서는 1편에 이어 ElasticSearc
1400
2024년 8월 28일
어학당 홈 성능 최적화 — 1편
인사말 안녕하세요 크리에이트립 어학당 스쿼드 FE개발자 이병수입니다. 오늘은 SEO-TFT 에 참여하며 어학당 홈 성능을 개선 했던 과정에 대해서 공유 하려고 합니다. 어떤 문제점
2100
2024년 8월 28일
ElasticSearch 비용, 성능 최적화 — 1편
ElasticSearch 비용, 성능 최적화 — 1편 안녕하세요, Creatrip에서 백엔드 개발을 담당하고 있는 이재용입니다. 최근 Elastic Cloud 기반 ElasticS
1900
2024년 7월 18일
Custom Style System 구축하기
안녕하세요. 크리에이트립 프론트엔드 개발자 이승우라고 해요 :) 이 글에서는 Custom Style System을 구축한 경험을 공유해보려고 해요. Style System 구축 필
2300
Custom Style System 구축하기
2024년 6월 19일
코드 퍼스트로 스키마 변경이 일어났을 때 확인하는 과정을 자동화해보자
시작하며 안녕하세요 크리에이트립(Creatrip)에서 프론트엔드 개발을 하는 한상훈입니다. 크리에이트립에서는 GraphQL 프로토콜을 사용하여 서버와 통신하며, 스키마를 정의하는
1900
2024년 5월 8일
styled-components가 런타임에 css를 주입하는 방법
안녕하세요. 크리에이트립(Creatrip)에서 프론트엔드 개발을 하는 김서연입니다! styled-components 는 프론트엔드 개발자들에게는 너무나 익숙한 라이브러리일 텐데요.
2000
2024년 4월 24일
너무 웃어서 광대가 아팠던 개발팀 워크샵을 돌아보며
안녕하세요, 크리에이트립 김보현입니다! 저는 백엔드 엔지니어이기도 하지만, 개발자가 되기 전에 창업을 하고 운영했던 경력이 기반이 되어 현재 개발팀의 DR(Developer Rel
1900