Skip to content

이유빈 week2#28

Merged
bk-git-hub merged 5 commits intoyuvvinnfrom
yuvvinn-week2
Mar 26, 2026
Merged

이유빈 week2#28
bk-git-hub merged 5 commits intoyuvvinnfrom
yuvvinn-week2

Conversation

@yuvvinn
Copy link
Copy Markdown

@yuvvinn yuvvinn commented Mar 26, 2026

✅ 제출 정보

  • Week: Week <2>

✅ 체크리스트 (필수)

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

🧩 구현 내용 요약

-체크리스트 구현
-빈 배열 생성
-태그 변경 및 스타일 수정


❓ 궁금한 점

@yuvvinn yuvvinn self-assigned this Mar 26, 2026
@yuvvinn yuvvinn changed the title Yuvvinn week2 이유빈 week2 Mar 26, 2026
Copy link
Copy Markdown
Collaborator

@bk-git-hub bk-git-hub left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

유빈님 정말 고생많으셨습니다 :)

지난주 피드백도 잘 반영되고 특히 완료됨 토글을 input checkbox로 구현한 부분이 굉장히 인상깊었습니다!

아래는 가볍게 다듬어 볼 부분들을 코멘트로 남겨두었습니다

Comment on lines 26 to +30
<TodoHeader title="오늘의 할 일" />
<TodoList todos={todos} />
<TodoList todos={todos} onCheck={onCheck} />

<TodoHeader title="오늘의 할 일" />
<EmptyList />
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

다음주에는 이 부분을 리스트가 비어있을 경우에만 EmptyList를 보여주는 방식으로 바꾸시면 될 것 같습니다.

width: 24px;
height: 24px;

border-radius: 13421800px;
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이부분은 제가 figma에 잘못 기입했는데 border-radius: 50%나 9999px정도만 해도 동그라미가 잘 되고 의미 전달도 잘 됩니다.

Comment on lines +4 to +9
export type TodoItem = {
id: number;
text: string;
isChecked: boolean;
};

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

현재 TodoItem 타입은 TodoList.tsx에 있고 실제 상태 데이터는 App.tsx에서 관리되고 있어서, 타입의 소유 위치가 조금 애매하게 느껴집니다. 이후에도 해당 타입을 사용 할 예정이라면src/types/todo.types.ts 처럼 공용 타입 파일로 분리해두면 구조가 더 명확해질 것 같습니다.

Comment on lines +9 to +14
const [todos, setTodos] = useState([
{id:1, text:'리액트 공식문서 읽기', isChecked:false},
{id:2, text:'알고리즘 문제 풀기', isChecked:false},
{id:3, text:'운동 30분 하기', isChecked:false},
{id:4, text:'프로젝트 회의 준비', isChecked:false},
]);
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

todo 데이터가 컴포넌트 안에 직접 들어가 있는데, App.tsx가 상태 관리와 화면 조합에 더 집중하도록 하려면 todo.data.ts 같은 파일로 분리해두는 것도 좋은 방향입니다.

@bk-git-hub bk-git-hub merged commit 3088d12 into yuvvinn Mar 26, 2026
6 checks passed
@bk-git-hub bk-git-hub deleted the yuvvinn-week2 branch March 26, 2026 15:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants