Velopers 홈

오늘 새 글

0개

오늘 조회수

307회

필터 1

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

2026년 7월 15일

프론트엔드

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

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

캐시 전략으로 푼 응답 지연 문제

메인 화면 응답 지연을 캐시 우선 렌더링과 백그라운드 갱신으로 개선했습니다. 메시지 큐로 조회 부하를 분산해 체감 속도와 운영 안정성을 함께 높였습니다.

프론트엔드 도구의 전략적 선택: 경량 프레임워크 Vue.js 탐구와 Vue3 적용기

Vue.js를 경량 프레임워크 관점에서 소개하고 실무 적용 사례를 정리했습니다. Vue3 전환, Composition API, provide/inject, Vite 도입 경험도 함께 공유했습니다.

올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다

올리브영은 블록 기반 CMS로 콘텐츠 제작 시간을 7일에서 20분으로 줄였습니다. Vue 프로토타입 이후 Lit 웹 컴포넌트로 전환해 재사용성과 확장성도 높였습니다.

버즈빌 프론트엔드 변천사

버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.

[Vue] motion 라이브러리로 더 나은 UX 제공하기

Vue에서 motion-v를 사용해 다양한 UI 애니메이션을 선언적으로 구현하는 방법을 소개했습니다. Transition, IntersectionObserver, GSAP보다 간결하게 작성할 수 있는 사례를 함께 살펴보았습니다.

OLEA? Storybook을 활용한 올리브영의 디자인 시스템!

올리브영은 BO 공통화를 위해 Vue와 Ant Design Vue, Storybook 기반 디자인 시스템 OLEA를 구축했습니다. GitHub Packages 배포로 내부 개발자들이 일관된 컴포넌트를 쉽게 재사용하도록 만들었습니다.

Vue 기능을 활용한 Transition 적용기

Vue Transition으로 버튼과 입력 영역의 등장·퇴장 애니메이션을 자연스럽게 구현한 경험을 소개했습니다. `v-if` 전환, `opacity` 조정, `mode="out-in"` 적용 과정을 정리했습니다.

#Vue#JavaScript

21005분

댓글 모듈 레거시 걷어내기 with TDD

2022년 1월 6일

프론트엔드

댓글 모듈 레거시 걷어내기 with TDD

JavaScript와 jQuery 기반의 댓글 모듈을 Vue와 TypeScript로 재구성했습니다. TDD와 컴포넌트 분리를 통해 SPA에 맞는 사내 라이브러리로 배포했습니다.

#JavaScript#Vue

3005분

Vue SSR 제대로 적용하기 (feat. Vanilla SSR)

2021년 10월 1일

프론트엔드

Vue SSR 제대로 적용하기 (feat. Vanilla SSR)

SSR의 개념부터 Vanilla JS와 Vue를 이용한 적용 흐름까지 단계적으로 설명했습니다. 또한 Hydration, state 동기화, 선택적 SSR과 실패 시 CSR 대체 방법까지 정리했습니다.

#Vue#SSR

3005분