Topic #2 React 낙관적 업데이트 구현

목적

• 낙관적 업데이트를 적용한 좋아요 기능 구현으로 사용자 경험 개선

미션 요구사항

1. UI 구현

• 카드 컴포넌트 (Card.tsx) 하단에 좋아요 버튼을 추가하세요.
• 버튼 클릭 시 아이콘 및 숫자가 즉시 증가하도록 구현하세요.
• 좋아요 개수를 시각적으로 표시하세요.

2. 기본 기능 구현

• 좋아요 버튼을 클릭하면 좋아요 상태(클릭 여부)와 좋아요 개수가 변경되도록 구현하세요.

3. 좋아요 연동 및 낙관적 업데이트 적용

• 좋아요 버튼 클릭 시 즉시 UI가 업데이트되도록 낙관적 업데이트를 적용하세요.

진행 방식

• React 공식 문서를 참고하여 낙관적 업데이트의 원리 및 기본 구조 학습
• 미션 구현에 앞서 어떤 방식으로 구현할 것 인지 설계 및 이유 작성
• React로 좋아요 기능 구현 후 낙관적 업데이트를 적용한 코드 깃허브에 업로드

---

• 미션 개시 : 4/4
• 미션 제출 : 4/10(목)
• 미션 제출 방식 : 미션에 맞게 구현 후 pr 올리기