Eunjin n week01 - 박은진

[Eunjin-n]

작업 내용

• week01 내용 구현

변경 사항

• PokemonHeader 컴포넌트 구현
• PokemonList 컴포넌트 구현
• PokemonCard 컴포넌트 구현

스크린샷

• PokemonHeader 컴포넌트 구현
• PokemonList 컴포넌트 구현
• PokemonCard 컴포넌트 구현

참고 사항

• 디자인시스템을 처음 선언해보았는데요. 피그마 네이밍을 그대로 적용해 --color-text-inverse: var(--color-white);로 선언을 했더니, 사용할 때 text-text-inverse처럼 클래스명이 중복되는 형태가 됩니다. 이런 방식으로 사용하는 게 맞는지 의견 부탁드립니다..! 🙏🏻🙏🏻

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: f6de0a6e-41fc-4d77-9de9-81fa505cdad9

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[canofmato]

배열을 map으로 렌더링하는 구조가 좋아요. React가 각 항목을 안정적으로 구분할 수 있도록 PokemonCard에 key={pokemon.id}를 추가해 보면 좋을 것 같습니다!

[canofmato]

검색 input에 placeholder는 있지만 화면 읽기 사용자가 입력 목적을 안정적으로 확인할 수 있는 label이나 aria-label이 없어요. aria-label을 추가하거나 input과 연결된 label을 사용해 접근 가능한 이름을 부여해 보면 좋을 것 같아요!

[canofmato]

은진님 수고하셨습니다! Tailwind 유틸리티와 타입 정의를 함께 활용해 이번 주 학습 목표를 잘 반영하셨네요!👍🏻