백수민 week2

[suminn01]

✅ 제출 정보

• Week: Week <02>

---

✅ 체크리스트 (필수)

• PR의 base branch가 main이 아니라 내 GitHub 핸들 브랜치(<handle>)다
• compare branch가 <handle>-week-xx 형식이다
• 변경 사항이 이번 주 과제 범위에 해당한다
• (필요 시) 실행 방법을 적었다
• (가능하면) 결과 스크린샷/데모 링크를 첨부했다

---

🧩 구현 내용 요약

• 체크박스 할 일 목록 구현 : 체크된 항목 2개와 체크되지 않은 항목 2개가 보이도록 화면 구성
• 리스트 렌더링 : 할 일 배열을 만들고 map으로 목록 렌더링, 각 항목에는 고유한 key를 넣기
• 조건부 렌더링 : 할 일 배열이 비어 있을 때는 📋 아이콘과 아직 할 일이 없어요 문구가 보이도록 빈 상태 UI 구현, 완료 여부에 따라 체크 아이콘과 텍스트 스타일이 다르게 보이도록 구현
• 지난주 CSS 파일로 구현했던 스타일을 Tailwind CSS로 변경하여 적용

---

❓ 궁금한 점

• 없습니다.

[bk-git-hub]

수민님 수고많으셨습니다!

css 템플릿도 잘 정리해주시고 테일윈드를 새로 적용해주셨군요!
코드가 전반적으로 깔끔한 것 같아 사소하게 html 태그 관련 다듬을 부분만 코멘트로 남겨두었습니다.

그런데 이번 PR에서는 커밋 메시지나 작업 단위 측면에서 그 부분을 적용해보려는 흔적이 잘 보이지 않아 조금 아쉬웠습니다. 기능을 구현하는 것만큼이나 커밋을 정리된 방식으로 남기고 작업 흐름이 보이도록 구성하는 것도 중요하니, 다음에는 그 부분까지 함께 챙겨주시면 더 좋을 것 같습니다.

제가 공지에 작성해둔 커밋 가이드 링크 남겨드리겠습니다.
https://www.notion.so/Git-Commit-Guide-327793efb80180bcb8f9c357c580a48d

[bk-git-hub]

p 태그로 Item 컴포넌트를 감싸고 있는데 Item 컴포넌트가 내부에서 div로 감싸져있어 html 구조가 어색해지는 부분이 있습니다 텍스트만 p로 감싸거나, 바깥 구조를 div로 정리하는 쪽이 더 자연스러울 것 같아요.

[bk-git-hub]

헤더 타이틀이 지금은 span으로 들어가 있는데, 화면의 실제 제목 역할이라면 h1이나 h2같은 태그로 표현하면 구조 의미가 더 분명해질 것 같습니다.