Velopers 홈

오늘 새 글

0개

오늘 조회수

118회

필터 1

2026년 7월 3일

프론트엔드

ESLint와 Prettier로 코드 스타일 통일하기

ESLint와 Prettier로 Vue 3·TypeScript 프로젝트의 코드 스타일과 품질 규칙을 통일하는 방법을 다루었습니다. IDE와 SFC 파싱 문제까지 함께 정리해 협업 시 불필요한 diff를 줄이는 과정을 소개했습니다.

멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유

React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.

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

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

증강현실 기반 마케팅 솔루션 'play AR'을 소개합니다(feat. '춘식이는 홈런왕')

SK플래닛의 Web AR 마케팅 플랫폼 play AR과 전환 배경, 구현 기술을 소개했습니다. 앱 설치 없이 QR 스캔으로 접근성을 높이고 다양한 이벤트 템플릿을 제공했습니다.

nginx 설정 없이 우아하게 서비스 점검하기 (下)

nginx 설정에 의존하지 않고 서비스 점검용 접근 차단을 구현한 사례를 다뤘습니다. 메타데이터와 실행데이터를 분리해 화면과 API를 유연하게 제어했습니다.

Cursor AI를 활용하여 Frontend 손쉽게 개발하기

Cursor AI로 Vue.js 프론트엔드를 빠르게 구성하고, 백엔드 API와 ECharts 차트·CloudWatch 모니터링을 연동하는 과정을 소개했습니다. 단순 작업은 효율적이지만 복잡한 기능은 반복 피드백과 디버깅이 필요했습니다.

#Cursor AI#Vue.js

172005분

Velopers 추천광고

쿠팡 파트너스

개발자를 위한 인기 상품을 확인해 보세요

이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

#개발자#노트북#컴퓨터

2025년 8월 27일

프론트엔드

카테노이드 VOD 콘솔 V2 로 이전하기

VOD 콘솔 V1과 V2 병행 운영 문제를 해결하기 위해 V2 단일 운영으로 이전하고 여러 기능을 개선했습니다. 낙관적 업데이트, 상태 동기화, CI/CD, 분석 도입으로 사용자 경험과 운영 효율을 높였습니다.

[Figma MCP]를 활용한 효율적인 UI 컴포넌트 개발 및 실제 적용 경험을 공유합니다

Figma MCP를 Cursor와 연동해 디자인 시안을 React/Vue 컴포넌트로 옮긴 경험을 공유했습니다. 실제 업무에서 개발 시간을 줄이고 세부 튜닝에 집중한 사례를 소개했습니다.

Figma MCP로 UI 컴포넌트 개발 효율화하기

Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.

LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서

LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.

FE News 25년 2월 소식을 전해드립니다!

25년 2월 프런트엔드 기술 소식을 큐레이션해 소개했습니다. CSS 지문 채취, AI 개발 워크플로우, 토스 가이드, 포털 대체 방법을 다뤘습니다.

Vite를 이용한 FrontEnd프로젝트

Vite는 React뿐 아니라 여러 프레임워크를 지원하며 빠른 프로젝트 생성과 실행을 강점으로 소개했습니다. CRA보다 가볍고 구조가 익숙해 프런트엔드 개발에 효율적으로 활용할 수 있다고 설명했습니다.

#Vite#React

78005분