Vue.js와 React.js의 사용 경험 비교
React와 Vue의 컴포넌트 작성 방식, 반응성·상태 관리·SSR 생태계를 비교했습니다.\n경량 환경의 생산성과 협업성을 고려한 Vue 선택 경험을 공유했습니다.
#React#Vue.js
6900
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
App Router의 장점은 우리에게도 장점일까요?
App Router와 RSC의 장점을 실제 서비스에 적용해 검토했지만, 전환과 운영 비용이 더 크다고 판단했습니다. 토스뱅크는 일부 이득보다 안정성과 기존 기능 호환성을 우선해 Pages Router를 유지하기로 했습니다.
#Next.js#React Server Components
11900
항공 프론트엔드 구축기 (5/10): 뒤로가기가 가장 어려웠다
항공 프론트엔드 구축기 (5/10): 뒤로가기가 가장 어려웠다
항공 프론트엔드 구축 과정에서 뒤로가기 구현이 가장 어려운 문제로 다뤄졌습니다. 다만 발췌만으로는 구체적인 원인과 해결 방식은 충분히 확인되지 않았습니다.
#React#CSR
4400
FE News 26년 8월 소식을 전해드립니다.
FE News 26년 8월 소식을 전해드립니다.
26년 8월 FE 뉴스에서 CSS 설문, 렌더링 전략, 요청 지연 시각화, Vite+ 베타, Ant 런타임 소식을 소개했습니다. 프런트엔드 기술 흐름과 새로운 도구를 한눈에 살펴볼 수 있는 소식입니다.
#CSS#SSR
10000
“같은 트래픽, CPU는 86% 덜 쓴다” — 100만 사이트 플랫폼 아임웹의 Valkey 9.1 실측 결과
아임웹이 Valkey 9.1 업그레이드로 캐시 엔진 효율을 실측한 사례를 공유했습니다. 같은 트래픽에서 CPU와 지연 시간이 줄고, 메모리와 운영 안정성도 개선되었습니다.
#Valkey#Redis
4000
Gemini Robotics 2, Gemini Spark 등 7월 다섯째 주 Google for Developers 위클리 업데이트를 지금 확인하세요!
Google for Developers 7월 다섯째 주 위클리 업데이트를 소개했습니다. AI, Android, Firebase, Google Play 관련 최신 소식을 한 번에 확인할 수 있습니다.
#LLM#Android
2100
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유
React와 Vue를 함께 지원하던 디자인 시스템에서 운영 비용을 줄이기 위해 지원 범위를 재정의했습니다. React는 컴포넌트 운영축으로, Vue는 파운데이션 중심으로 전환한 사례입니다.
#React#Vue.js
8400
쏘카 디자인 시스템 2.0 개발기 2편: 기술로 굴리기(웹)
쏘카 디자인 시스템 2.0 웹 개발에서 컴포넌트 구조, 패키지 전략, LLM 활용 방식을 정리했습니다. 상태 결합도에 따라 Hook과 객체를 분리하고, rollup과 Instructions 체계로 운영성을 높였습니다.
#React#Next.js
11300
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
Product Engineer — iOS 개발자, 프론트엔드에 도전하다
iOS 개발자가 프론트엔드 운영과 고도화에 참여한 경험을 공유했습니다.\nAI와 도구를 활용해 구조를 파악하고 웹뷰, SSR 이슈를 해결한 과정이 핵심입니다.
#iOS#Swift
18700
해이 돈기브업 - GIGA CHAD 채팅봇 만들기
이직 스트레스로 고민을 털어놓을 GIGACHAD 채팅봇을 만들었습니다.\n비밀 보장, 저비용 운영, Gemini Flash 2.0 선택 이유를 정리했습니다.
#FastAPI#EC2
11200
해외 숙소 리스트 성능 개선기 : 반쪽짜리 SSR에서 완벽한 인피니트 스크롤까지
해외 숙소 리스트 성능 개선기 : 반쪽짜리 SSR에서 완벽한 인피니트 스크롤까지
해외 숙소 리스트의 반쪽짜리 SSR을 Hydration 기반으로 개선하고 무한 스크롤 UX를 다듬었습니다. 캐싱과 스크롤 복구, 예외 처리로 LCP와 TBT도 함께 개선했습니다.
#SSR#React
9600
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
Next.js에서 QueryClient를 전역변수로 사용해도 될까요?
Next.js SSR에서 전역 QueryClient를 공유하면 요청 데이터가 누적되어 메모리 누수가 발생했습니다. 요청마다 QueryClient를 분리해 GC가 회수할 수 있도록 개선했습니다.
#Next.js#TanStack Query
17300
사용자가 페이지 로딩을 눈치채지 못하게 만들기 — RSC 도입 이야기
사용자가 페이지 로딩을 눈치채지 못하게 만들기 — RSC 도입 이야기
Next.js App Router에서 RSC와 TanStack Query prefetch를 결합해 이벤트 상세 페이지의 초기 로딩과 레이아웃 시프트를 개선했습니다. LCP는 약 38% 줄었고, 선택적 적용과 서버 부하 모니터링 전략도 함께 정리했습니다.
#Next.js#RSC
4800
텍스트 접근성을 개선했더니 거래액이 올랐습니다.
기기 글자 크기 설정을 반영해 텍스트 접근성을 개선한 사례를 소개했습니다. SSR, SSG, CSR 모두에서 FOUT를 줄이고 거래액과 탐색성 개선까지 확인했습니다.
#React Native#Next.js
5900