Velopers
홈으로
최근 7일

주간 인기 게시글

카테고리별로 많이 읽힌 기술 블로그 게시글을 모았습니다.

6개 카테고리10개 게시글

프론트엔드

프론트엔드 조회수 기준 Top 10

1

프론트엔드

프레임워크에 구애받지 않는 통합 백오피스 구축하기

React, Vue, JSP가 섞인 백오피스에서 공통 화면을 웹 컴포넌트로 통합한 사례를 소개했습니다. 부모 시스템의 인증과 자원을 공유하면서도 CDN 독립 배포와 스타일 격리를 구현했습니다.

#Vue#React#JSP
7100
2

프론트엔드

React 환경에서 중복 API 요청 개선

React에서 전역 Context와 비동기 흐름이 얽히며 중복 API 요청과 레이스 컨디션이 발생했습니다. AbortController, runId, Promise.all로 요청 취소와 최신 응답 보장을 개선했습니다.

#React#비동기#AbortController
4500
3

프론트엔드

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

네이버 FE News에서 TypeScript 7.0 RC, 정책 전달 방식, AI 에이전트 루프 설계와 React 코드 점검 도구를 소개했습니다. 대규모 코드베이스 성능 개선과 규칙 일관성, 자동 검증 관점의 실무 아이디어를 정리했습니다.

#TypeScript#React#Next.js
6500
4

프론트엔드

Playwright E2E 테스트로 자가개선 루프 구축하기

AI가 코드를 더 빨리 만들수록 검증이 병목이 된다고 설명했습니다. Playwright E2E와 에이전트를 조합해 결정론적인 자가개선 테스트 루프를 구축하는 방법을 소개했습니다.

#Playwright#E2E 테스트#Next.js
8100
5

프론트엔드

Refine 실제 적용 사례(feat. 투표 플랫폼) — (2)

TVING이 Refine과 AI Agent로 투표 플랫폼 운영 백오피스를 빠르게 구축한 사례를 소개했습니다. 명세와 GraphQL을 함께 활용해 정확도를 높이고 화면 제작 속도를 크게 개선했습니다.

#Refine#AI Agent#GraphQL
4900
6

프론트엔드

혼자 시작해 전국 오픈까지, 당근 레슨/과외 빌딩 로그

당근 레슨/과외가 숨은 수요를 발견하고 PMF를 찾기까지의 과정을 공유했습니다. 수요자 중심 실험과 진입점 개선으로 전국 오픈 단계까지 확장한 사례입니다.

#마켓플레이스#PMF#퍼널
2700
7

프론트엔드

React Query 캐시 전략에 대한 고찰

React Query의 staleTime, gcTime, 키 팩토리, 무효화 전략을 중심으로 캐시 운영법을 정리했습니다. 전역 기본값과 직접 갱신을 통해 불필요한 재요청과 화면 깜빡임을 줄이는 방법을 제안했습니다.

#React#cache#refactoring
2500
8

프론트엔드

오늘도 엔지니어가 된다고 말했다 - 당근페이 이용 내역 개편기

당근페이는 이용내역 개편을 위해 서버 드리븐 UI에서 클라이언트 주도 구조로 전환하고 GraphQL을 도입했습니다. 단계적 마이그레이션과 명확한 스키마 원칙으로 안정성과 확장성을 함께 확보했습니다.

#GraphQL#REST API#server-driven UI
18000
9

프론트엔드

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

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

#React#UI/UX#refactoring
40100
10

프론트엔드

es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지

토스의 es-toolkit이 lodash 대체를 목표로 성능과 번들 크기를 개선하며 성장한 과정을 소개했습니다. 국내외 커뮤니티 기여와 대형 오픈소스 채택으로 주간 다운로드 2천만 회를 넘겼습니다.

#JavaScript#TypeScript#GitHub
10100