프론트엔드 프레임워크
이 시리즈의 글 5개
React, Vue, Svelte, Next.js, Astro 등을 팀, 성능, 생태계 관점에서 비교하는 프론트엔드 프레임워크 트랙.
Astro 5로 블로그를 리팩터링해 Lighthouse 점수를 68점에서 100점으로 올린 경험
Next.js에서 Astro 5로 마이그레이션한 실제 경험을 공유합니다. Islands 아키텍처, Content Layer, SEO 설정과 그대로 활용할 수 있는 최적화 체크리스트를 자세히 설명합니다. 빌드 시간은 2분에서 18초로, Lighthouse 성능 점수는 68점에서 98점으로 개선됐습니다.
React 코드에 지쳤나요? Svelte 5로 코드량은 절반, 성능은 두 배로(완전 튜토리얼)
Svelte 5의 Runes 시스템과 컴파일 타임 최적화 철학을 깊이 살펴보고, 실전 Todo 프로젝트로 React/Vue와의 성능 차이를 비교합니다. 이 고성능 프레임워크를 익히려는 경력 1~3년의 프론트엔드 개발자에게 적합합니다.
React 19 폼에 아직도 코드 30줄? Actions로 간소화하고 성능은 40% 향상
React 19의 Actions, use() Hook, Compiler 등 6가지 핵심 기능을 깊이 있게 살펴봅니다. 실전 코드 비교를 통해 폼 처리를 간소화하고 성능을 최적화하며 Server Components를 활용하는 방법을 소개합니다. 일주일간 직접 사용해 본 경험을 바탕으로 빠른 시작을 돕습니다.
Vue 3 + TypeScript 모범 사례: 2025년 엔터프라이즈 프로젝트 아키텍처 가이드
2025년 Vue 3 + TypeScript 엔터프라이즈 프로젝트 아키텍처 완벽 가이드입니다. Vite 프로젝트 초기화, Pinia 상태 관리, TypeScript 타입 정의, ESLint 9 코드 규칙 등 모범 사례와 바로 사용할 수 있는 설정을 다룹니다.
프런트엔드 성능 최적화 실전: Core Web Vitals 만점 공략
Core Web Vitals의 세 가지 핵심 지표(LCP/INP/CLS)를 체계적으로 설명하고 이미지 최적화, 코드 분할, 지연 로딩 등 10가지 이상의 실전 방법을 소개합니다. 2주 안에 60점에서 90점 이상으로 높인 사례와 전체 최적화 체크리스트, 주의 사항까지 담았습니다.
