[FE] 스타일링 및 상태관리 방법 선택 및 이유

✨ Styled-components 선택이유?

• props에 따른 동적 스타일링 및 조건부 스타일링을 쉽게 구현할 수 있다.
• JavaScript 코드 내에 css를 작성할 수 있어 코드 확인 및 수정이 용이하다.
• 컴포넌트 자체에 스타일을 포함시킴으로써 스타일이 다른 컴포넌트에 영향을 미치는 것을 방지할 수 있다.
• 테마 기능을 제공하여 공통 스타일을 관리할 수 있다.
• 팀원들 모두 Styled-components 사용이 익숙하다.

✨ TanStack Query 선택이유?

• 간편한 상태 관리: 상태를 클라이언트 상태와 서버 상태로 나누어 바라보며 이들을 다루는 유용한 API를 제공한다. 캐싱, 무효화 등의 기능을 활용하여 상태를 간편하고 효율적으로 다룰 수 있다.

• 높은 개발자 경험: 높은 사용자 환경을 제공하기 위해 필요한 기능들을 손쉽게 사용가능하도록 지원한다. query invalidation, optimistic update, infinity scroll, 선언적인 로딩, 에러 핸들링 등 다방면에서 개발자 경험을 향상시키려는 시도가 엿보인다.