필터 1
Figma MCP로 UI 컴포넌트 개발 효율화하기
데보션
· 2025년 6월 27일
프론트엔드

Figma MCP로 UI 컴포넌트 개발 효율화하기

Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.

#Figma#MCP
202005분
생성형 AI의 게임체인저, ReAct Agent를 알아보자
데보션
· 2025년 6월 23일
AI

생성형 AI의 게임체인저, ReAct Agent를 알아보자

생성형 AI 에이전트의 핵심인 ReAct 패턴과 LangChain 기반 도구 활용 방식을 정리했습니다.현업 적용을 위해 도메인 지식, 프롬프트, Tool 설계, QA까지 함께 고려해야 했습니다.

#LangChain#LLM
138005분
MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정
무신사
· 2025년 6월 22일
프론트엔드

MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정

무신사는 디자인 시스템 MDS를 설계하며 중복 제거와 유지보수성 사이의 균형을 고민했습니다. Atomic Design, Compound Pattern, 자동화 스크립트를 통해 생산성을 높이고 운영 부담을 줄이려 했습니다.

#React#UI/UX
386005분
React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드
뤼이드
· 2025년 6월 19일
프론트엔드

React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드

Next.js App Router에서 React Server Components와 Streaming을 활용해 데이터 패칭 패턴을 비교했습니다. loading.tsx와 Suspense, use 훅으로 체감 속도와 로딩 시간을 함께 개선하는 방법을 설명했습니다.

#React#Next.js
215005분
웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
여기어때
· 2025년 6월 18일
프론트엔드

웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기

GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.

#Next.js#GrapesJS
95005분
생성형 AI 도입 흐름과 웹 서비스 개발의 연계
교보DTS
· 2025년 6월 12일
AI

생성형 AI 도입 흐름과 웹 서비스 개발의 연계

생성형 AI가 웹 서비스 개발 전반에 빠르게 스며든 흐름을 정리했습니다. 반복 작업은 AI에 맡기고 개발자는 설계와 품질 검토에 집중하는 방향을 제시했습니다.

#ChatGPT#Claude
78005분
버그가 아니라 장애를 잡아라!! QA와 카오스 엔지니어링의 만남
올리브영
· 2025년 6월 10일
백엔드

버그가 아니라 장애를 잡아라!! QA와 카오스 엔지니어링의 만남

예측 가능한 장애를 사전에 검증하기 위해 카오스 엔지니어링을 도입한 사례를 소개했습니다. 특히 mitmproxy로 API 응답에 null을 주입하는 Application Level 테스트 방법을 다뤘습니다.

#QA#카오스 엔지니어링
95005분
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
네이버 D2
· 2025년 6월 9일
기타

[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!

국내 FE/JS 개발자 249명의 2025년 설문 결과를 공유했습니다. TypeScript, React, Vite와 AI 도구 활용 현황이 핵심으로 정리되었습니다.

#TypeScript#JavaScript
159005분
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
토스
· 2025년 6월 5일
프론트엔드

토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래

토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다.\n자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.

#오픈소스#React
164005분
FE News 25년 6월 소식을 전해드립니다!
네이버 D2
· 2025년 6월 4일
프론트엔드

FE News 25년 6월 소식을 전해드립니다!

네이버 FE 엔지니어들이 2025년 6월 주요 웹·프런트엔드 기술 소식을 큐레이션해 소개했습니다. JavaScript, V8, AI 테스트, 신규 도구 등 다양한 읽을거리와 도구가 포함되었습니다.

#JavaScript#React
162005분
Amazon Connect를 활용한 토스증권의 고객 센터 혁신 사례
AWS
· 2025년 6월 3일
데브옵스

Amazon Connect를 활용한 토스증권의 고객 센터 혁신 사례

Amazon Connect로 토스증권 고객센터를 클라우드화하고 IVR, STT 분석, CCP 커스터마이징을 구현한 사례입니다. 사용량 기반 과금과 자동 확장으로 비용과 운영 부담을 줄였습니다.

#Amazon Connect#AWS Lambda
69005분
Simplicity 4 : 뒤에 개발자 있어요
토스
· 2025년 5월 27일
프론트엔드

Simplicity 4 : 뒤에 개발자 있어요

재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.

#React#mobile
95005분