patchnotes

1. 핵심 공통점: 전역 상태 관리Redux와 Recoil의 가장 핵심적인 공통점은 변수를 전역 상태(Global State)로 관리할 수 있다는 점이다.두 라이브러리 모두 애플리케이션의 특정 데이터를 특정 컴포넌트에 종속시키지 않고, 애플리케이션의 어느 곳에서든 해당 데이터를 공유하고 접근할 수 있게 만든다. 이를 통해 컴포넌트 계층 구조가 깊어질 때 발생하는 'Props Drilling' 문제를 해결하고, 상태 관리의 복잡성을 줄인다.전역 상태 관리: 데이터를 애플리케이션 전체에서 접근 가능한 공간에 둔다.구독(Subscription) 모델: 상태가 변경되면, 해당 상태를 구독하고 있는 컴포넌트들이 자동으로 리렌더링(re-rendering)된다.2. 주요 차이점두 라이브러리는 '어떻게' 상태를 관리하..

1. 개념 비교: 일반 Props와 Redux의 혁신적인 차이1.1. 일반 Props의 개념과 한계Props란 무엇인가?React의 기본 데이터 전달 방식으로, 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달하는 역할을 한다.단방향(One-way) 데이터 흐름을 따르며, 데이터가 "계층 구조" 속에서 위에서 아래로 흐른다.장점심플하고 직관적이며, 작은 규모의 애플리케이션에 적합하다."상태(State)가 특정 부모와 자식 컴포넌트 안에서만 머무는 경우" 필요한 도구를 추가하지 않아도 구현이 가능하다.한계Props Drilling 문제: 계층 구조가 깊을수록, 특정 자식 컴포넌트에 데이터를 전달하기 위해 중간의 부모 컴포넌트들에도 불필요하게 데이터를 전달해야 한다. (예: A → B → C → D)데이터 수..

1. @vanilla-extract/css 라이브러리 설명 및 활용1.1. @vanilla-extract/css란 무엇인가?@vanilla-extract/css는 'Zero-runtime CSS-in-JS' 라이브러리이다. 이는 스타일을 TypeScript(또는 JavaScript) 코드로 작성하지만, 빌드 시점에 정적인 CSS 파일로 완벽하게 추출된다는 의미이다. 다른 CSS-in-JS 라이브러리(예: styled-components)가 런타임에 스타일을 생성하는 것과 달리, @vanilla-extract/css는 런타임에 스타일 관련 코드를 남기지 않아 성능상 이점을 가진다.주요 특징:타입 안전성: 모든 스타일이 TypeScript로 작성되므로, 변수나 속성 이름에서 오타가 발생하면 빌드 시점에 오류..