오늘은 루티너리 프로젝트에서 close button 기능 구현을 했다.
간단하게 모달에서 사용하고 있던 onClose Button 태그에 넣어주면 됐는데
처음에 이걸 몰라서ㅜ 많이 헤맸었다.
그래도 해결해서 좋았다.
그리고 부모 컴포넌트인 DailyRoutine에서 handleAddRoutine을 만들었는데,
루틴들(배열로된)에다가 새로운 루틴이 추가될때마다 추가해주는 그런 코드를 작성했다.
그 다음에 이걸 DailyRoutine 컴포넌트에서 return 해줄때 자식 컴포넌트인 CreateRoutine을 사용하는데
이때
<CreateRoutine
open={open}
onClose={handleClose}
onAddRoutine={handleAddRoutine}
/>
이런식으로 처리를 해줬다.
그리고 이제 CreateRoutine으로 가서 props에다가
onAddRoutine: (routine: Routine) => void;
이렇게 추가해주고 handleSubmit에다가
const objRoutine = {
id: id,
title: routine,
startTime: time,
time: duration
};
onAddRoutine(objRoutine)
이렇게 해줬다. => onAddRoutine이 호출될때 objRoutine이 부모 컴포넌트인 DailyRoutine으로 넘어가서 처리됨.
이렇게 프로젝트도 했고
코테도 풀었다.
맨 처음에는 어떤식으로 접근해야할지 몰라서 공부방 사람들한테 물어봤고
다양하게 방법을 알려줘서 참고할 수 있었다.
그리고 친구 만나기 전에 시간이 조금 있어서 남아있는 분과 함께 코테 문제를 풀어봤다.
설명해주면서 문제를 푸니까 더 재밌었다,..
얼른 더 잘해져서 막 알려주고 싶다,,, 뽐내고 싶다,,
댓글