FAQ 컴포넌트 리팩토링 (Headless, Testable)

[kimyouknow]

FAQ 컴포넌트 리팩토링

왜?

요즘에 관심있는 분야가 생겼는데 찍먹해볼만한 적당한 프로젝트가 여기인듯!! 리뷰해줄 사람도 있고ㅎㅎ

• Headless한 컴포넌트에 관심이 생겼는데, 코드로 직접 작성해보고 싶어서
  • 해드리스를 꼭 모든 곳에 적용할 필요는 없지만 컴포넌트의 역할과 책임을 어떻게 설계할지 고민해보기
• Test에 관심이 생겼는데, FAQ 컴포넌트가 요구사항도 적절하고 테스트 코드 짜볼만해서
  • 이것도 같은 맥락! 컴포넌트의 역할과 책임을 어떻게 설계할지 고민해보기 (인터페이스, 의존성)

관련 글

Testable

• 테스트에 대한 오해와 사실 (테스트 코드가 왜 작성하기 어려운가, 테스트에 대한 저자가 생각하는 주요 포인트 5개)
• 프론트엔드 테스트 코드와 의존성 (프론트엔드 테스트 코드 환경, 의존성과 인터페이스가 테스트코드 (혹은 제품 코드)에 어떤 영향을 주는지에 대한 글)

Headless

• (번역) 헤드리스 컴포넌트: 리액트 UI를 합성하기 위한 패턴
• Headless UI Library란? (스타일은 라이브러리를 사용하는 개발자에게 위임하고 자신은 상태와 그 상태를 제어할 수 있는 인터페이스만 노출
  )
• (번역) React에서 UI와 로직 분리하기:헤드리스 컴포넌트를 사용한 클린 코드 접근법
• 3개다 헤드리스 컴포넌트가 무엇이고, 어떤 장점이 있는지 예제를 통해 설명하는 글

기타

관련 작업들은 우선 base/faq-refactor 브랜치에 머지할게요! 여유로울 때 가볍게 봐주시면 진짜 너무 고마울 듯~~~ 🙇
(코드 리뷰,,, 해준다면 진짜 착한 사람)

[sumi-0011]

😇