프론트엔드 생태계는 끊임없이 변화하며, 매년, 매달 새로운 기술이 등장하고 사라집니다. 이런 흐름 속에서 단순히 유행을 따라가기보다, 기술이 널리 쓰이게 된 이유와 그 구현 방식에 대한 탐구가 중요합니다.
이 블로그에서는 과거에 널리 사용되던 기술과 비교하며, 각 기술의 효용성과 트레이드오프를 분석합니다. 이를 통해 요구사항, 개발팀의 숙련도, 시스템 로드 등을 고려한 적절한 기술 선택에 도움이 되는 가이드를 제공하고자 합니다. 또한, 코드 수준에서 라이브러리를 깊이 있게 탐구하여 실질적인 이해를 돕습니다.
다루게 될 기술들
- PandaCSS
- TailwindCSS v4
- Zag.js
- proxy-compare
- react-frame-component
- Vaul
- zod
- xstate (이전 블로그 글 이전 예정)
- react-spring
- @use-gesture
- 브라우저 렌더링 엔진의 동작 (이전 블로그 글 이전 예정)