Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

7회차 과제 - 구준혁 #5

Open
wants to merge 3 commits into
base: master
Choose a base branch
from

Conversation

gugitgugit
Copy link

@gugitgugit gugitgugit commented May 11, 2024

1. 내가 개발한 기능

  • '완료'버튼 추가
  • '완료' 버튼 클릭 시 글자 색 변경, 중앙선 생성
  • '완료' 버튼 재 클릭 시 원상복귀

2. 내가 유의 깊게 개발한 부분

  • handleComplete() 메소드를 통해 todoList 배열의 complete값 변경
  • complete값이 true일 때, IsComplted 컴포넌트로 생성

3. 개발하면서 들었던 의문 사항

  • 배열에 필드를 추가하면 배열의 크기가 커질 시 많은 메모리 필요.
    -> 필드를 추가하지 않고 useState로 가능하지 않을까?

Copy link

@kyw2790 kyw2790 left a comment

Choose a reason for hiding this comment

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

과제 말고도 이외에 다른 기능이 들어간 것이 보다 더 효율적인 웹을 만든거 같습니다!! 수고하셨습니당~

return (
<Box>
<p>{body}</p>
<button onClick={() => {handleDelete(id)}}>삭제</button>
{complete === false ? <p>{body}</p> : <IsCompleted>{body}</IsCompleted>}
Copy link

Choose a reason for hiding this comment

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

app.js/ const handleComplete = (id) => {....} 이 함수안 에서도 이 부분이 있는거같은데 코드가 중복으로 쓰이는거 아닌가요 ?

Copy link
Author

Choose a reason for hiding this comment

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

app.js의 해당 코드는 complete값을 바꿔주는 코드입니다!
현재 파일의 코드는 complete 값에 따라 다른 컴포넌트로 {body}를 출력하는 코드입니다!

}
});
setTodoList(new_Todo);
};
Copy link

Choose a reason for hiding this comment

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

토글 상태를 true->false , false -> true로 바뀌면서 완료했던 버튼이 다시 되돌아오는 것이군요!!

Copy link
Author

Choose a reason for hiding this comment

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

맞습니다 !! 다만 연산자 활용을 좀 더 잘 했다면 코드를 더 줄일 수 있겠다는 생각이 듭니다!

Copy link
Author

@gugitgugit gugitgugit left a comment

Choose a reason for hiding this comment

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

좋은 리뷰 감사합니다! 예원님꺼 보고 왔더니 제 코드를 더 줄일 수 있겠다는 생각이 드네요!

}
});
setTodoList(new_Todo);
};
Copy link
Author

Choose a reason for hiding this comment

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

맞습니다 !! 다만 연산자 활용을 좀 더 잘 했다면 코드를 더 줄일 수 있겠다는 생각이 듭니다!

return (
<Box>
<p>{body}</p>
<button onClick={() => {handleDelete(id)}}>삭제</button>
{complete === false ? <p>{body}</p> : <IsCompleted>{body}</IsCompleted>}
Copy link
Author

Choose a reason for hiding this comment

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

app.js의 해당 코드는 complete값을 바꿔주는 코드입니다!
현재 파일의 코드는 complete 값에 따라 다른 컴포넌트로 {body}를 출력하는 코드입니다!

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