Velopers
홈으로
최근 7일

주간 인기 게시글

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

6개 카테고리10개 게시글

프론트엔드

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

1

프론트엔드

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

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

#TypeScript#React#Next.js
56100
2

프론트엔드

모바일 UI, 웹과는 다르다

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

#mobile#UI/UX#CSS
45900
3

프론트엔드

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

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

#ag-Grid#Excel#valueFormatter
41300
4

프론트엔드

조합형 Form 컴포넌트 설계

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

#React#React Hook Form#Material UI
28600
5

프론트엔드

무신사 Self-POS — Zero to One 구축기: 직원이 사라진 계산대, 그 자리를 채운 경험 설계

무신사 매장의 Self-POS를 Zero to One으로 설계한 과정입니다. 필드 리서치와 AI 시각화를 바탕으로 결제 속도, 회원 전환, 글로벌 대응을 함께 풀었습니다.

#UI/UX#Kotlin#cloud
27600
6

프론트엔드

3년 차 앱 개발자가 일하는 순서를 공유합니다

앱 개발 작업을 작은 단위로 나누고 리뷰어를 배려하는 순서를 정리했습니다. 기획 리뷰부터 PR 작성, 시간 기록까지 실무에 바로 적용할 수 있는 팁을 공유했습니다.

#Jira#GitHub#PR
57700
7

프론트엔드

로컬 DB를 화면의 기준으로 삼는다는 것: hearth를 직접 만든 이유

로컬 DB를 화면의 기준으로 삼는 오프라인 퍼스트 구조와 사내 라이브러리 hearth의 설계 과정을 소개했습니다. 자체 서버와 재사용 조건에 맞춰 LWW, 낙관적 쓰기 보호, 동기화 재설계를 적용했고 다음 단계로 delta sync를 준비했습니다.

#offline-first#IndexedDB#Dexie
16900
8

프론트엔드

미리캔버스의 SVG 필터 활용기: 브라우저에서 이미지 보정하기

SVG 필터가 브라우저 렌더링 과정에서 어떻게 작동하는지, `fe*` 프리미티브와 `in`/`result`로 파이프라인을 구성하는 방식을 설명했습니다. 단순 보정은 CSS filter로, 복합 합성과 커스텀 효과는 SVG 필터로 나누어 선택하는 기준도 정리했습니다.

#SVG#CSS#browser
14400
9

프론트엔드

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

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

#Vue#React#JSP
26800
10

프론트엔드

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

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

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