MDS(Musinsa Design System) 지속 가능한 디자인 시스템을 향한 여정
무신사는 디자인 시스템 MDS를 설계하며 중복 제거와 유지보수성 사이의 균형을 고민했습니다. Atomic Design, Compound Pattern, 자동화 스크립트를 통해 생산성을 높이고 운영 부담을 줄이려 했습니다.
#React#UI/UX
422005분
필터 1
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로 만드는 웹빌더 개발기
GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.
#Next.js#GrapesJS
102005분
생성형 AI 도입 흐름과 웹 서비스 개발의 연계
생성형 AI가 웹 서비스 개발 전반에 빠르게 스며든 흐름을 정리했습니다. 반복 작업은 AI에 맡기고 개발자는 설계와 품질 검토에 집중하는 방향을 제시했습니다.
#ChatGPT#Claude
78005분
버그가 아니라 장애를 잡아라!! QA와 카오스 엔지니어링의 만남
예측 가능한 장애를 사전에 검증하기 위해 카오스 엔지니어링을 도입한 사례를 소개했습니다. 특히 mitmproxy로 API 응답에 null을 주입하는 Application Level 테스트 방법을 다뤘습니다.
#QA#카오스 엔지니어링
99005분
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
국내 FE/JS 개발자 249명의 2025년 설문 결과를 공유했습니다. TypeScript, React, Vite와 AI 도구 활용 현황이 핵심으로 정리되었습니다.
#TypeScript#JavaScript
163005분
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
토스 프론트엔드 챕터가 오픈소스 위원회를 통해 세계적 오픈소스 탄생 가능성을 실험했습니다.\n자율 기여와 정기 토론으로 코드와 철학을 함께 다듬는 운영 방식을 소개했습니다.
#오픈소스#React
165005분
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
FE News 25년 6월 소식을 전해드립니다!
네이버 FE 엔지니어들이 2025년 6월 주요 웹·프런트엔드 기술 소식을 큐레이션해 소개했습니다. JavaScript, V8, AI 테스트, 신규 도구 등 다양한 읽을거리와 도구가 포함되었습니다.
#JavaScript#React
163005분
Amazon Connect를 활용한 토스증권의 고객 센터 혁신 사례
Amazon Connect로 토스증권 고객센터를 클라우드화하고 IVR, STT 분석, CCP 커스터마이징을 구현한 사례입니다. 사용량 기반 과금과 자동 확장으로 비용과 운영 부담을 줄였습니다.
#Amazon Connect#AWS Lambda
70005분
Simplicity 4 : 뒤에 개발자 있어요
재사용 가능한 컨퍼런스 구조를 만들기 위해 템플릿 분리, 브라우저 대응, 로드·렌더링 최적화를 진행했습니다. 모바일과 데스크탑 모두에서 자연스럽게 동작하도록 성능과 인터랙션을 다듬었습니다.
#React#mobile
96005분
XState 도입기: 복잡한 여행 플랜 상태 관리를 단순화한 방법
여행 플랜처럼 단계가 많고 분기 있는 흐름을 XState 상태 머신으로 정리한 도입기였습니다. React 상태 관리보다 전이 로직을 한곳에 모아 유지 보수와 협업을 쉽게 만든 사례였습니다.
#XState#React
109005분
이구위크 회고
29CM 이구위크의 프론트엔드 구현과 회고를 정리했습니다. 공통 컴포넌트로 큐레이션을 빠르게 만들고 배너 개선, QA, 협업 문서화로 운영 효율을 높였습니다.
#React#컴포넌트
126005분