Vue.js와 React.js의 사용 경험 비교
React와 Vue의 컴포넌트 작성 방식, 반응성·상태 관리·SSR 생태계를 비교했습니다.\n경량 환경의 생산성과 협업성을 고려한 Vue 선택 경험을 공유했습니다.
#React#Vue.js#TypeScript
6900
태그
Vue.js 기술 블로그 글
Vue.js 태그가 달린 국내 IT 기업 기술 블로그 글을 최신순으로 모았습니다.
전체 64개최신 20개 표시
관련 태그
최신 게시글
20개 표시
Android WebView 본인인증 오류 개선
React Native Android WebView에서만 발생한 본인 인증 실패를 분석했습니다. 외부 인증 앱 URL 처리 로직을 보완해 인증 흐름을 정상화했습니다.
#Android#WebView#React Native
2500
빠른 프론트 개발을 위한 셀프 리뷰
빠른 프론트 개발에서도 기능 동작만 보지 말고 셀프 코드 리뷰로 예외 상황과 유지보수성을 함께 점검해야 합니다. 일정이 급할수록 변경분 기준으로 핵심 문제부터 우선 확인하는 습관이 중요합니다.
#Vue.js#API#비동기
9100
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
Vue2 디자인 시스템을 React로 옮기는 항공 프론트엔드 구축기를 다룬 글입니다. 프론트엔드 기술 전환과 디자인 시스템 이관 맥락을 소개합니다.
#Vue.js#React#design
3600
항공 프론트엔드 구축기 (2/10): Vue2 디자인 시스템을 React로 옮기기
프레임워크에 구애받지 않는 통합 백오피스 구축하기
React, Vue, JSP가 섞인 백오피스에서 공통 화면을 웹 컴포넌트로 통합한 사례를 소개했습니다. 부모 시스템의 인증과 자원을 공유하면서도 CDN 독립 배포와 스타일 격리를 구현했습니다.
#Vue.js#React#JSP
29000
캐시 전략으로 푼 응답 지연 문제
메인 화면 응답 지연을 캐시 우선 렌더링과 백그라운드 갱신으로 개선했습니다. 메시지 큐로 조회 부하를 분산해 체감 속도와 운영 안정성을 함께 높였습니다.
#cache#비동기#메시지 큐
9800
ESLint와 Prettier로 코드 스타일 통일하기
ESLint와 Prettier로 Vue 3·TypeScript 프로젝트의 코드 스타일과 품질 규칙을 통일하는 방법을 다루었습니다. IDE와 SFC 파싱 문제까지 함께 정리해 협업 시 불필요한 diff를 줄이는 과정을 소개했습니다.
#ESLint#Prettier#Vue.js
6200
ESLint와 Prettier로 코드 스타일 통일하기
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js#Next.js
8400
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
프론트엔드 도구의 전략적 선택: 경량 프레임워크 Vue.js 탐구와 Vue3 적용기
Vue.js를 경량 프레임워크 관점에서 소개하고 실무 적용 사례를 정리했습니다. Vue3 전환, Composition API, provide/inject, Vite 도입 경험도 함께 공유했습니다.
#Vue.js#Composition API#Vite
8500
증강현실 기반 마케팅 솔루션 'play AR'을 소개합니다(feat. '춘식이는 홈런왕')
SK플래닛의 Web AR 마케팅 플랫폼 play AR과 전환 배경, 구현 기술을 소개했습니다. 앱 설치 없이 QR 스캔으로 접근성을 높이고 다양한 이벤트 템플릿을 제공했습니다.
#AR#Web AR#Vue.js
4500
증강현실 기반 마케팅 솔루션 'play AR'을 소개합니다(feat. '춘식이는 홈런왕')
nginx 설정 없이 우아하게 서비스 점검하기 (下)
nginx 설정 없이 Redis 기반 AccessBlock으로 화면과 API 점검 차단을 구현했습니다. 메타데이터·실행데이터를 분리해 대상과 권한별 제어를 지원합니다.
#Redis#BigQuery#Vue.js
000
nginx 설정 없이 우아하게 서비스 점검하기 (下)
nginx 설정에 의존하지 않고 서비스 점검용 접근 차단을 구현한 사례를 다뤘습니다. 메타데이터와 실행데이터를 분리해 화면과 API를 유연하게 제어했습니다.
#nginx#BigQuery#Redis
7700
Cursor AI를 활용하여 Frontend 손쉽게 개발하기
Cursor AI로 Vue.js 프론트엔드를 빠르게 구성하고, 백엔드 API와 ECharts 차트·CloudWatch 모니터링을 연동하는 과정을 소개했습니다. 단순 작업은 효율적이지만 복잡한 기능은 반복 피드백과 디버깅이 필요했습니다.
#Tuist#Vue.js#ECharts
18300
올리브영, 블록 기반 CMS로 콘텐츠 제작 시간을 99% 줄이다
올리브영은 블록 기반 CMS로 콘텐츠 제작 시간을 7일에서 20분으로 줄였습니다. Vue 프로토타입 이후 Lit 웹 컴포넌트로 전환해 재사용성과 확장성도 높였습니다.
#Vue.js#Lit#CMS
15800
카테노이드 VOD 콘솔 V2 로 이전하기
VOD 콘솔 V1과 V2 병행 운영 문제를 해결하기 위해 V2 단일 운영으로 이전하고 여러 기능을 개선했습니다. 낙관적 업데이트, 상태 동기화, CI/CD, 분석 도입으로 사용자 경험과 운영 효율을 높였습니다.
#Vue.js#CI/CD#Google Analytics
3400
버즈빌 프론트엔드 변천사
버즈빌은 AngularJS에서 Vue·React·Next.js로 전환하며 통합 어드민과 웹뷰 기반 배포 유연성을 확보했습니다. BFF, 모노레포, Server-Driven UI, Hybrid SDK로 개발·운영 복잡도를 개선했습니다.
#AngularJS#Vue.js#React
000
버즈빌 프론트엔드 변천사
버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.
#Vue.js#React#Next.js
14200
[Figma MCP]를 활용한 효율적인 UI 컴포넌트 개발 및 실제 적용 경험을 공유합니다
Figma MCP를 Cursor와 연동해 디자인 시안을 React/Vue 컴포넌트로 옮긴 경험을 공유했습니다. 실제 업무에서 개발 시간을 줄이고 세부 튜닝에 집중한 사례를 소개했습니다.
#Figma#MCP#Cursor
15400
[Figma MCP]를 활용한 효율적인 UI 컴포넌트 개발 및 실제 적용 경험을 공유합니다
Figma MCP로 UI 컴포넌트 개발 효율화하기
Figma MCP를 Cursor와 연동해 디자인을 코드로 변환하는 방법을 소개했습니다. 실제 업무 적용으로 컴포넌트 작업 시간을 줄이고 스토리북 관리에도 도움을 얻었습니다.
#Figma#MCP#React
20800
LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서
LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.
#JavaScript#React#Vue.js
12400
