Velopers
홈으로
최근 7일

주간 인기 게시글

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

6개 카테고리10개 게시글

프론트엔드

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

1

프론트엔드

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

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

#Vue#React#JSP
13600
2

프론트엔드

모바일 UI, 웹과는 다르다

모바일 UI는 웹과 달라 입력 방식, 화면 높이, 스크롤, 접근성까지 함께 고려해야 했습니다. Safe Area, dvh, rem, Bottom Sheet 등 모바일에 맞는 구조와 상태 설계가 중요했습니다.

#mobile#UI/UX#CSS
5400
3

프론트엔드

MUI 기반 디자인시스템 VUI

MUI 기반 디자인 시스템 VUI의 구축 배경과 토큰-테마-컴포넌트 연결 구조를 소개했습니다. 브랜드와 모드 변형을 설정으로 흡수하고, 남은 과제도 정리했습니다.

#MUI#디자인 시스템#design token
5000
4

프론트엔드

ag-Grid로 화면과 동일한 Excel 만들기

ag-Grid Excel Export에서 화면과 동일한 스타일과 값을 맞추는 과정을 정리했습니다. valueFormatter, excelStyles, header 규칙을 통해 엑셀 스타일 반영 문제를 해결했습니다.

#ag-Grid#Excel#valueFormatter
4800
5

프론트엔드

조합형 Form 컴포넌트 설계

React Hook Form과 MUI 기반 폼 컴포넌트의 확장 한계를 설명했습니다. 역할 분리와 Composition Pattern으로 복합 입력 UI와 유지보수성을 개선한 사례입니다.

#React#React Hook Form#Material UI
3800
6

프론트엔드

디자인시스템 팀은 디자인시스템만 잘 만들면 될까

디자인시스템은 컴포넌트만 만드는 일이 아니라 제품 판단 기준을 쌓는 일이라고 설명했습니다. AI가 UI를 빠르게 만들수록 패턴과 맥락을 정리하는 역할이 더 중요해졌습니다.

#UI/UX#design#component
12200
7

프론트엔드

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

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

#React#비동기#AbortController
6500
8

프론트엔드

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

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

#React#UI/UX#refactoring
41500
9

프론트엔드

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

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

#Playwright#E2E 테스트#Next.js
9600
10

프론트엔드

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

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

#마켓플레이스#PMF#퍼널
3900