버즈빌 프론트엔드 변천사
버즈빌이 AngularJS부터 Next.js까지 프론트엔드 아키텍처를 어떻게 바꿔왔는지 정리한 글입니다. 각 전환의 선택 이유와 운영상의 효과, 남은 과제까지 함께 공유했습니다.
#Vue#React
13700
필터 1
AI와 함께 다시 개발자가 되다
AI 도구를 활용해 온디맨드 현지도우미 서비스를 빠르게 개발한 경험을 공유했습니다. 개발자는 구현을 넘어 문제 정의와 설계를 주도해야 한다고 정리했습니다.
#Cursor#Next.js
13800
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야?
마이크로프론트엔드의 개념과 통합 방식, 장단점을 정리했습니다. 빌드 타임과 런타임 중 어떤 선택이 적합한지 기준도 함께 살펴봤습니다.
#마이크로프론트엔드#Module Federation
5500
대규모 프론트엔드 아키텍처의 새로운 패러다임 - Part 1. 마이크로프론트엔드 너 뭐야?
마이크로프론트엔드의 개념과 통합 방식, 장단점을 정리했습니다.팀 구조와 성능 요구를 함께 고려해 도입 여부를 판단해야 한다고 설명했습니다.
#마이크로프론트엔드#MSA
23100
FE News 25년 7월 소식을 전해드립니다!
2025년 7월 프론트엔드 주요 소식과 읽을거리, 튜토리얼, 도구를 한데 모아 소개했습니다. React 생태계 변화, i18n, MCP, ECMAScript 2025 같은 주제를 함께 살펴볼 수 있습니다.
#React#Next.js
29300
React Server Component와 Streaming으로 웹 성능 극대화하기: Next.js 실전 가이드
Next.js App Router에서 React Server Components와 Streaming을 활용해 데이터 패칭 패턴을 비교했습니다. loading.tsx와 Suspense, use 훅으로 체감 속도와 로딩 시간을 함께 개선하는 방법을 설명했습니다.
#React#Next.js
21500
Velopers 추천광고
쿠팡 파트너스
개발자를 위한 인기 상품을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발자#노트북#컴퓨터
웹빌더 시스템 Part 1: GrapesJS와 Next.js로 만드는 웹빌더 개발기
GrapesJS와 Next.js로 펜션 홈페이지용 웹빌더를 구성한 사례를 정리했습니다. 정적 배포와 S3 연동으로 운영 효율과 비용 절감을 함께 확보했습니다.
#Next.js#GrapesJS
10200
플라이보드: AI로 4일 만에 만든 실시간 공항 정보 서비스
AI 도구를 조합해 공항 실시간 정보 서비스를 4일 만에 MVP로 구현한 사례를 소개했습니다. 외부 서비스 대비 비용을 크게 줄이고, 빠른 시도와 개선의 중요성을 강조했습니다.
#n8n#Windsurf
11500
[State of FE·JS Korea 2025] 설문조사 결과를 공유합니다!
국내 FE/JS 개발자 249명의 2025년 설문 결과를 공유했습니다. TypeScript, React, Vite와 AI 도구 활용 현황이 핵심으로 정리되었습니다.
#TypeScript#JavaScript
16400
Next.js 트러블슈팅: CORS와 Version Skew 에러 원인부터 해결까지
Next.js SSR 서비스에서 발생한 CORS와 Version Skew 장애의 원인과 해결 과정을 정리했습니다. SessionStorage 저장, dynamic import, 배포 전략 개선으로 문제를 완화했습니다.
#Next.js#CORS
13300
Amazon Connect를 활용한 토스증권의 고객 센터 혁신 사례
Amazon Connect로 토스증권 고객센터를 클라우드화하고 IVR, STT 분석, CCP 커스터마이징을 구현한 사례입니다. 사용량 기반 과금과 자동 확장으로 비용과 운영 부담을 줄였습니다.
#Amazon Connect#AWS Lambda
7000
신세계백화점 PC 메인 React 전환기
신세계백화점 PC 메인 페이지를 Spring에서 React와 Next.js 기반으로 전환했습니다.\n초기 로딩, 인피니트 스크롤, SEO까지 함께 고려해 사용자 경험과 유지보수성을 개선했습니다.
#React#Next.js
24300
마이리얼트립 SSR 최적화
SSR 도입 후 발생한 중복 API 호출과 성능 저하의 원인을 분석하고 구조를 개선한 사례를 다뤘습니다. queryKey 통일, 캐시 설정, 메서드 선택으로 FCP와 LCP를 크게 개선했습니다.
#Next.js#React
7100
LY Corporation의 프런트엔드 기술 동향을 알아보자! State of LY Frontend 2024 실시 보고서
LY Corporation 프런트엔드 조직의 2024년 기술 설문 결과를 정리했습니다. React, Next.js, Jest, Tailwind CSS와 함께 Vite, Vitest 전환 흐름도 확인했습니다.
#JavaScript#React
12200