Velopers
홈으로
최근 7일

주간 인기 게시글

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

6개 카테고리10개 게시글

프론트엔드

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

1

프론트엔드

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

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

#SVG#CSS#browser
14600
2

프론트엔드

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

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

#TypeScript#React#Next.js
56700
3

프론트엔드

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

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

#UI/UX#Kotlin#cloud
27800
4

프론트엔드

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

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

#offline-first#IndexedDB#Dexie
17300
5

프론트엔드

보이지 않는 품질, 데이터. 로그가 틀리면 고객도 틀린다

모바일 앱 릴리스 전에 로그 품질을 자동으로 검증하는 구조를 설계하고 운영한 사례를 공유했습니다. 수동 검수의 한계를 줄이고, 실제 배포 전 로그 이슈를 조기에 발견한 과정을 설명했습니다.

#자동화#Appium#BigQuery
19700
6

프론트엔드

“우리가 직접 만들겠습니다” — 무신사의 POS 내재화 여정

무신사는 외부 POS 의존으로 생기던 개발 지연과 비용 문제를 해결하기 위해 MPOS를 전면 내재화했습니다. Electron 기반으로 하드웨어 연동, 배포, 모니터링을 정비해 운영 통제력과 개발 속도를 높였습니다.

#Electron#node.js#GitHub Actions
18000
7

프론트엔드

토스의 디바이스 팜 만들기

팀마다 각자 관리하던 실기기 환경을 사내 디바이스 팜 네뷸라로 통합한 과정을 소개했습니다. Appium 대신 자체 드라이버와 실시간 미러링 구조로 속도와 운영성을 높였습니다.

#node.js#API#Kafka
8000
8

프론트엔드

타입스크립트(TypeScript) 파헤치기

타입스크립트의 핵심 개념과 컴파일러 동작, 구조적 타이핑, 타입 추론을 설명했습니다. 또한 런타임 한계와 TSConfig 옵션, 실무 적용 시 주의점을 정리했습니다.

#TypeScript#JavaScript#컴파일러
4300
9

프론트엔드

모바일 UI, 웹과는 다르다

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

#mobile#UI/UX#CSS
45900
10

프론트엔드

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

브라우저에서 이미지 보정을 구현할 때 SVG 필터를 활용하는 방법을 소개했습니다. 선언적 적용과 파이프라인 구성, React 연동의 장점을 중심으로 정리했습니다.

#SVG#React#CSS
1300