# React

#React 과 관련된 포스팅 모음

• 매끄럽게 움직이는 노브 애니메이션 만들기

  Published:2025년 6월 9일

  React에서 버벅이지 않는 매끄러운 애니메이션을 구현하기 위한 성능 최적화 방법을 알아봅니다. 실제 노브(Knob) 컴포넌트 개발 사례를 통해 React의 렌더링 최적화와 애니메이션 구현 방법을 설명합니다.

• 코드 스플리팅(Code Splitting)의 개념과 구현 방법들

  Published:2025년 4월 7일

  코드 스플리팅의 개념과 필요성, 그리고 React와 Webpack에서의 구현 방법을 알아봅니다. 번들 크기 최적화를 통한 웹 성능 개선에 대해 다룹니다.

• hydrate가 무엇인가요?(react, next.js)

  Published:2023년 5월 4일

  리액트와 Next.js에서 "hydrate"는 서버에서 렌더링된 HTML 마크업에 기반하여 클라이언트 측에서 자바스크립트 이벤트와 상태를 연결하는 과정을 말합니다. 이를 통해 초기 로딩 시 클라이언트에서 즉시 상호작용이 가능하고, 이후에는 일반적인 리액트 애플리케이션처럼 동작할 수 있습니다. 'next.js 프로젝트를 다루다 보면 'hydration failed because the initial ui does not match what was rendered on the server'와 같은 에러를 발견하게 됩니다. 이와 관련하여 react와 next.js에서 hydrate의 개념에 대해 좀 더 자세한 정리를 합니다.