로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
프론트엔드
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
두줄요약
스피너 대신 스켈레톤, Transition, Tanstack-Query를 활용해 웹앱 UX를 개선한 사례를 소개했습니다. 상황에 따라 로딩 UI를 다르게 적용해 체감 속도와 개발 생산성을 함께 높였습니다.
목록 보기
SK플래닛프론트엔드
이 글과 연관된 채용
[쿠팡페이] Staff Front-end Engineer (Rocket Pay)
쿠팡페이 · Seoul, South Korea
쿠팡페이 Rocket Pay의 PC·모바일 웹 아키텍처와 신규 결제 경험을 개발·운영하고, 디자인·코드 리뷰 및 품질 가이드를 수행합니다. 웹 프론트엔드 8년 이상 경력과 JavaScript·TypeScript 기반 프레임워크 및 웹 개발 도구 경험이 필요합니다.
필요 기술JavaScript (ES6)TypeScriptHTML5CSSReactReduxVue.jsAngular[슈터본부] 슈터플랫폼실 웹 애플리케이션 엔지니어
넥슨코리아 · 경력 · 판교
오버워치 한국 서비스와 넥슨 슈팅 게임의 웹 플랫폼·모바일 앱을 개발·운영합니다. 3년 이상 풀스택 개발 경험과 .NET(C#), MSSQL 데이터 모델링, RESTful API 및 프론트엔드 또는 크로스플랫폼 앱 개발 역량이 필요합니다.
필요 기술.NETC#MSSQLRESTful APIVue.jsReactFlutterReact Native[Coupang Pay] Staff Front-end Engineer (New Fintech Product)
Coupang Pay · Seoul, South Korea
쿠팡페이 간편결제 서비스의 UI를 개발·운영하고, PO·UX 디자이너·엔지니어와 협업하며 시스템·코드 리뷰에 참여합니다. 웹 프론트엔드 8년 이상 경력과 React 등 프론트엔드 기술, Webpack·Babel·Jest·Storybook 경험이 필요합니다.
필요 기술JavaScript (ES6)TypeScriptHTML5CSSReactReduxVue.jsAngular
다음 읽기
#UI/UX 주제를 이어서 읽기
웹앱 사용자 경험을 개선하는 기술 한 스푼
웹앱의 로딩 경험을 개선하기 위해 스피너, 스켈레톤, 전환 애니메이션, Tanstack-Query를 도입한 사례를 소개했습니다. 화면 특성과 지연 시간에 따라 로딩 방식을 나누고 공통 컴포넌트로 구현 비용을 줄인 점이 핵심입니다.
