[250418] TIL

Today I Learned (2025-04-18)

1. 상태 관리란?

• 상태 관리는 컴포넌트의 전역 데이터를 관리하는 방법으로, 다양한 라이브러리와 도구를 활용할 수 있다.
• Context API: React 내장 API로, 간단한 전역 상태 관리 가능.
• Redux: 복잡한 상태 관리에 유용하며, 액션과 리듀서를 통해 상태를 업데이트.
• Recoil: 비동기적 상태 관리를 지원하며, 더 직관적인 방식으로 상태를 관리.
• Zustand: 간단하고 직관적인 API를 제공하며, 상태 관리와 관련된 러닝커브가 적음.
• Jotai: React의 단일 원자 상태를 기반으로 동작하는 상태 관리 라이브러리.
• 공통 점: 전역 변수처럼 상태를 관리할 수 있는 싱글톤 구조를 제공하며, React 컴포넌트들이 상태를 구독(subscribe)해 값을 변경하거나 사용할 수 있다.

2. 서버 컴포넌트에서 상태 관리

• 서버 컴포넌트는 Node.js 환경에서 렌더링되므로, 상태 관리 도구를 사용할 수 없다.
• 서버에서 상태를 처리하는 방식은 클라이언트와의 연동을 통해 상태를 전달하거나, 클라이언트 사이드에서 상태를 관리하는 방식이 필요하다.

3. Tailwind CSS 4.0

• 고성능 엔진 도입으로 빌드 시간이 3.7배 더 빨라져 개발 효율이 크게 향상.
• 설치가 간소화되어 한 줄 코드만으로 프로젝트에 추가 가능.
• Utility-first 접근법으로, 빠르고 유연한 스타일링이 가능하며 커스터마이징이 용이하다.

4. 코드 스니펫 배포 시스템

• 라이브러리 설치 없이, UI 컴포넌트 코드를 복사하여 직접 사용할 수 있는 시스템.
• 편리한 UI 제공: 필요한 UI 컴포넌트를 쉽게 가져와서 사용할 수 있게 해주어, 코드의 일관성을 유지하며 빠른 개발이 가능.