Velopers

오늘 새 글

0개

오늘 조회수

170회

최근 7일 인기 글프롬프팅에서 워크플로로, AI로 프런트엔드 개발 생산성 끌어올리기라인 · 54회최근 30일 활발한 블로그AWS25개 발행 · 총 388개 · 18,603회
필터 1
기술 한 스푼으로 웹앱 사용자 경험 개선하기
데보션
· 2024년 11월 28일
프론트엔드

기술 한 스푼으로 웹앱 사용자 경험 개선하기

웹앱 UX 개선을 위해 스켈레톤 UI, Vue Transition, Tanstack-Query를 적용한 사례를 소개했습니다. 상황에 따라 스피너와 페이드 효과를 병행하며 전환과 상태 관리를 단순화했습니다.

#UI/UX#Vue.js
26005분
로딩 스피너는 이제 그만! UPTN Station UX 개선 사례
SK플래닛
· 2024년 11월 21일
프론트엔드

로딩 스피너는 이제 그만! UPTN Station UX 개선 사례

스피너 대신 스켈레톤, Transition, Tanstack-Query를 활용해 웹앱 UX를 개선한 사례를 소개했습니다. 상황에 따라 로딩 UI를 다르게 적용해 체감 속도와 개발 생산성을 함께 높였습니다.

#Vue.js#SSR
30005분
웹앱 사용자 경험을 개선하는 기술 한 스푼
SK플래닛
· 2024년 11월 21일
프론트엔드

웹앱 사용자 경험을 개선하는 기술 한 스푼

웹앱의 로딩 경험을 개선하기 위해 스피너, 스켈레톤, 전환 애니메이션, Tanstack-Query를 도입한 사례를 소개했습니다. 화면 특성과 지연 시간에 따라 로딩 방식을 나누고 공통 컴포넌트로 구현 비용을 줄인 점이 핵심입니다.

#UI/UX#스켈레톤 UI
50005분
리다이렉트 서버와 FCM 푸시 연동
ZUM
· 2023년 7월 11일
백엔드

리다이렉트 서버와 FCM 푸시 연동

푸시 클릭·노출 통계를 위해 리다이렉트 서버와 FCM 푸시를 연동하고 로그 적재 구조를 설계했습니다. 웹 푸시 노출은 아이콘 이미지 응답을 활용해 수집하는 방식으로 보완했습니다.

#FCM#DynamoDB
0005분
Zum Portal Core JS 소개
ZUM
· 2021년 12월 6일
프론트엔드

Zum Portal Core JS 소개

줌인터넷 프론트엔드 파트의 표준화 코어 패키지 도입과 분리 과정을 소개했습니다.\nSSR, 캐시, 설정 표준화로 유지보수와 배포 시간을 개선한 내용을 정리했습니다.

#Vue.js#node.js
0005분
INVESTING.COM 클론 코딩(feat. Vue JS SSR, CANVAS API)
ZUM
· 2021년 7월 21일
프론트엔드

INVESTING.COM 클론 코딩(feat. Vue JS SSR, CANVAS API)

Vue.js SSR과 Canvas API로 INVESTING.COM 클론 코딩 파일럿 프로젝트를 진행한 경험을 정리했습니다. 실시간 시세, 차트, 검색, 댓글 기능과 함께 협업 방식과 기술적 고민을 공유했습니다.

#Vue.js#TypeScript
0005분
주니어 프론트엔드 개발자의 채용 프로세스 참여 후기
ZUM
· 2021년 7월 1일
기타

주니어 프론트엔드 개발자의 채용 프로세스 참여 후기

채용 과정에서 프론트엔드 신입을 평가하기 위해 과제, 채점표, 코드리뷰를 도입한 사례를 정리했습니다. 지원자에게 객관적 피드백을 주며 원리 이해와 구현 역량을 확인한 과정입니다.

#채용#채용 과제
0005분
Quartz Scheduler Admin 고도화 - 파일럿 프로젝트
ZUM
· 2021년 1월 25일
백엔드

Quartz Scheduler Admin 고도화 - 파일럿 프로젝트

서비스별 Scheduler DB 분산으로 중단된 Quartz Scheduler Admin을 다시 사용할 수 있게 고도화했습니다.\n동적 DataSource 관리, 즉시 실행, 구글 OAuth 로그인, 실행 이력 관리와 RoutingDataSource 구조를 구현했습니다.

#Spring Boot#JPA
0005분
크롬 확장프로그램 개발⛏️ 회고
ZUM
· 2020년 9월 11일
프론트엔드

크롬 확장프로그램 개발⛏️ 회고

크롬 확장프로그램을 Vue와 Chrome API로 개발하고 배포한 과정을 회고했습니다. 검수 과정에서 권한, HTTPS, CSP, 리소스 처리 같은 실무 이슈를 정리했습니다.

#Chrome Extension#Vue.js
0005분
모바일 줌 SpringBoot → NodeJS 전환기 (feat. VueJS SSR)
ZUM
· 2020년 6월 20일
백엔드

모바일 줌 SpringBoot → NodeJS 전환기 (feat. VueJS SSR)

모바일 줌의 Spring Boot 백엔드를 Node.js Express와 Vue SSR 기반으로 전환했습니다. 검색엔진 유입과 TPS가 개선되고 코드와 메모리 사용량도 줄었습니다.

#Spring Boot#node.js
0005분
주제별 영상 제공 웹 서비스
ZUM
· 2020년 1월 20일
백엔드

주제별 영상 제공 웹 서비스

Vue.js와 Spring Boot로 주제별 영상 제공 모바일 웹 서비스를 구현했습니다.\n크롤링, 캐시, JWT, 코드 스플리팅과 GitHub 기반 일정 관리까지 함께 다뤘습니다.

#Vue.js#Spring Boot
0005분
Webpack Dev Server를 이용한 개발 환경 구성 Part1
ZUM
· 2019년 7월 1일
프론트엔드

Webpack Dev Server를 이용한 개발 환경 구성 Part1

Webpack Dev Server로 프론트엔드 단독 개발 모드를 구성하는 방법을 설명했습니다. Axios와 stub 파일, before 훅을 활용해 백엔드 없이도 API 응답을 모사했습니다.

#Webpack#Webpack Dev Server
0005분