Multi Developer SuHo

안녕하세요~ 저번에는 Redux로 상태관리를 했었습니다. 이번에는 Zustand라는 React 생태계에서 사용하는 상태 관리 라이브러리 입니다. Zustand가 무엇이고 이런 라이브러리를 어떻게 사용하는지 간략하게 살펴보도록 하겠습니다. 목차1. Zustand1-1. Zustand 란?1-2. Redux 등 다른 상태 라이브러리와 차이점2. 왜 Zustnad를 사용할까?2-1. 주요 장점2-2. 가벼운 러닝커브3. 설치 및 기본 사용방법3-1. npm 기준 설치 방법3-2. 간단한 카운터 예제4. Zustand의 핵심 개념4-1. Store 생성4-2. Selector 및 구독서론React로 프로젝트를 하다 보면, 컴포넌트 간 상태 공유가 점점 복잡해지는 순간이 옵니다. 이럴 때 많은 개발자들이 Redu..

Tailwind CSS에 대해 알아보도록 하겠습니다. 기존에는 styled-components 라이브러리로 스타일 구성을 작성했지만, 이번에는 Tailwind CSS가 무엇이고, 왜 사용하는지, 사용방법을 알아보는 과정을 설명드리겠습니다. 목차1. Tailwind CSS1-1. Tailwind CSS란?1-2. Utility-first 접근 방식이란?1-3. Tailwind CSS를 왜 사용할까?1-4. Tailwind CSS의 장단점1-5. Tailwind CSS 설치 방법1-6. 기본 문법과 사용 방법1-7. 반응형 디자인과 Variants 서론 현대 웹 개발에서 디자인과 스타일링은 빠른 제작 속도와 일관성을 동시에 요구합니다. 하지만 기존의 CSS나 CSS 프레임워크는 커스터마이징의 한계, 불필요한..