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회차 과제 - 김주희 #10

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

juiuj
Copy link

@juiuj juiuj commented May 14, 2024

내가 개발한 기능

  • 완료 버튼 구현: 버튼 클릭 시 text 색깔 변경 및 취소선

유의 깊게 개발한 부분

  • 완료 버튼 시에 style 적용하는 부분이 어려웠고, 여러 참고 자료를 찾아보며 style을 적용하였습니다.

개발하며 들었던 의문사항

  • style 적용을 더욱 가독성 있게 할 수 있는 방법이 있을 지 의문이 들었습니다.

Copy link

@immms immms left a comment

Choose a reason for hiding this comment

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

저는 스타일 적용을 컴포넌트로 지정을 해서, 조건에 따른 컴포넌트 변경을 해주었는데 주희님은 프로퍼티로 완료 상태를 지정하여 구현하셨군용. 이런 방식도 있구나 하며 배워갑니당!~~ 수고하셨습니다👍

Comment on lines +39 to +44
const new_Todo = todoList.map((el)=>{
if (el.id===id) {
return {...el, completed: true, style: {color: 'gray', textDecoration: 'line-through'}};
}
{
return el;
Copy link

Choose a reason for hiding this comment

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

저와 다르게 map 함수 내에서 바로 스타일을 적용하는 방법이네요!! 이 방식도 좋은 것 같아요~~

@@ -26,7 +26,7 @@ function App() {

const appendTodo = (event) => {
event.preventDefault()
const new_Todo = [...todoList, {id: Date.now(), body: inputString}];
const new_Todo = [...todoList, {id: Date.now(), body: inputString, completed:false}];
Copy link

Choose a reason for hiding this comment

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

completed 상태를 프로퍼티값으로 지정하여 해결하는 방식도 있었네용~!! 배워갑니당

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