필터 1
느려터진 에디터 좀 고쳐줘를 AI에게 시켜봤다
채널톡
프론트엔드

느려터진 에디터 좀 고쳐줘를 AI에게 시켜봤다

AI에게 에디터 성능 개선을 맡겨 Auto Research 루프를 실험했습니다.\n평가 지표 설계가 핵심이었고, 실제 체감 성능에 맞는 벤치마크가 중요하다고 정리했습니다.

#LLM#성능
66005분
베스핀글로벌
AI

테크블로그 글 템플릿 1

생성형 AI가 개발 생산성과 학습 속도를 크게 높이는 실무 도구로 소개되었습니다. 다만 할루시네이션과 보안 문제를 막기 위해 인간 검증과 가이드라인이 필요합니다.

#LLM#prompt
140005분
네이버 D2
프론트엔드

FE News 26년 5월 소식을 전해드립니다.

MDN 아키텍처 개편, React 접근성 점검, RSC 캐싱과 Cursor SDK 소식을 정리했습니다.\n웹 표준, 캐싱 경계, 코딩 에이전트의 제품 내 활용 흐름을 함께 살펴볼 수 있습니다.

#React#web
264005분
채널톡
프론트엔드

AI를 활용한 Web 성능개선 실전 사례

AI와 Chrome DevTools flame chart를 함께 써서 Web 성능 병목을 빠르게 찾고 개선한 사례입니다. 배열 순회, Worker 통신, 소켓 이벤트를 줄여 하루 만에 체감 성능을 높였습니다.

#Web#성능
5005분
AI를 활용한 Web 성능개선 실전 사례
채널톡
프론트엔드

AI를 활용한 Web 성능개선 실전 사례

Chrome DevTools flame chart와 AI를 결합해 Web 앱의 병목을 빠르게 찾고 개선한 사례를 소개했습니다. O(n²) 구조, Worker round-trip, 소켓 이벤트 폭탄을 줄여 성능을 개선했습니다.

#web#성능
43005분
[미래를 담아낸 뼈대 6/7] AI가 읽을 수 있는 코드베이스
flex
AI

[미래를 담아낸 뼈대 6/7] AI가 읽을 수 있는 코드베이스

AI 코딩 에이전트 시대에는 빌드와 컴파일이 아키텍처를 지키는 가장 강한 가드레일이었습니다.\nStandalone 검증과 E2E 증명으로 코드리뷰는 동작 확인에서 설계 판단 중심으로 바뀌었습니다.

#Gradle#Kotlin
9005분
[미래를 담아낸 뼈대 6/7] AI가 읽을 수 있는 코드베이스
flex
아키텍처

[미래를 담아낸 뼈대 6/7] AI가 읽을 수 있는 코드베이스

AI 코딩 에이전트 시대에 빌드와 구조가 아키텍처 가드레일로 작동하는 방식을 설명했습니다. Standalone E2E와 Acceptance 증명으로 코드 리뷰의 무게 중심을 바꾸는 사례를 다뤘습니다.

#LLM#Kotlin
87005분
아임웹
AI

하나의 프롬프트, 세 개의 두뇌

하나의 프롬프트로 세 AI를 역할 분담해 인프라 운영을 자동화한 사례를 소개했습니다. 작업 난이도에 따라 모드를 바꾸고 교차 검증을 넣어 속도와 안전성을 함께 높였습니다.

#Claude#Gemini
2005분
공통 컴포넌트를 건강하게 기르기 위한 고민
카카오페이
프론트엔드

공통 컴포넌트를 건강하게 기르기 위한 고민

공통 컴포넌트를 언제 만들고 언제 정리할지에 대한 팀의 판단 기준을 공유했습니다. 재사용성보다 유지 비용과 실제 사용성을 함께 보며 질문을 더 자주 남기자는 내용입니다.

#React#UI/UX
169005분
우아한 형제들
프론트엔드

pnpm 모노레포에서 React 19 마이그레이션하기: 숨겨진 호이스팅 레이어가 만든 타입 충돌 트러블슈팅

pnpm 모노레포에서 React 18과 19를 공존시키며 발생한 타입 충돌을 트러블슈팅했습니다. 호이스팅 차단과 packageExtensions 주입으로 잘못된 React 타입 참조를 해결했습니다.

#pnpm#React
124005분
SSG.COM
프론트엔드

“왜 노출이 안 될까?”를 한 번에 추적하는 방법

모듈매장 노출 이슈를 추적하기 위해 요청 흐름을 하나의 식별자로 묶는 디버깅 도구를 만들었습니다. 분산 로그를 한 화면에서 확인하고 직접 재현까지 하도록 확장해 운영 대응 속도를 높였습니다.

#MSA#Kafka
87005분
미리디
프론트엔드

개인화 추천 템플릿 메인 페이지에 유저를 부드럽게 랜딩시키기

개인화 추천 템플릿 메인 페이지의 LCP 지연을 줄이기 위해 CSR을 유지한 채 전환 애니메이션과 네트워크·API·이미지 로딩 최적화를 적용했습니다. 그 결과 부드러운 랜딩을 확보하면서도 첫 화면 성능을 개선했습니다.

#성능#CSR
111005분