[wupe1001]

✅ 워크북 체크리스트

• 모든 핵심 키워드 정리를 마쳤나요?
• 핵심 키워드에 대해 완벽히 이해하셨나요?
• 이론 학습 이후 직접 실습을 해보는 시간을 가졌나요?
• 미션을 수행하셨나요?
• 미션을 기록하셨나요?

✅ 컨벤션 체크리스트

• 디렉토리 구조 컨벤션을 잘 지켰나요?
• pr 제목을 컨벤션에 맞게 작성하였나요?
• pr에 해당되는 이슈를 연결하였나요?(중요)
• 적절한 라벨을 설정하였나요?
• 파트장에게 code review를 요청하기 위해 reviewer를 등록하였나요?
• 닉네임/main 브랜치의 최신 상태를 반영하고 있는지 확인했나요?(매우 중요!)

📌 주안점

[qkrdmsthff]

사소한 부분이긴 하지만 여기서 key={movie?.id} 를 전달하고 있는데요 ! key prop 은 배열을 렌더링할 때 각 항목을 구분하기 위해 사용하기 위한 거라, 단일 컴포넌트를 렌더링하는 현재 상황에서는 특별한 역할을 하지 않으므로 생략해도 괜찮을 것 같습니다 !! 이번 워크북도 고생 많으셨습니당 !!

[using2]

프로필 이미지 유무에 따라 분기해 렌더링하신 점이 명확하고 좋습니다!
여기서 3항 연산자로 src룰 조건부로 합치면, 중복이 줄어들어 가독성과 유지보수 측면에서 더 좋을 것 같아요.
또한 img에 alt를 배우 이름으로 추가하시면 접근성 면에서 더 좋을 것 같습니다.

예시:

<img
  src={actor.profile_path ? `https://image.tmdb.org/t/p/w92${actor.profile_path}` : seoro}
  alt={`${actor.name} 프로필 이미지`}
  className="rounded-full size-20 object-cover border-2"}
/>

[sunnyinha]

Tailwind 기본 유틸리티만으로는 한계가 있는데, 직접 keyframe을 정의해서 애니메이션을 적용하신 부분이 인상적이네요! 필요에 따라 tailwind.config.js 의 theme.extend.animation 사용하면 네이밍까지 Tailwind 스타일로 통합(.slide->animate-slideup(.없이 사용가능)) 할 수 있으니 참고해도 좋을 것 같아요!

[sunnyinha]

서로, 3주차도 수고하셨습니다! 머지해주세요~