부스트코스 개발일지 TODO앱 만들기 - 6일차

콜백함수를 통해 변환된 HTML을 값을 받아서 다시 innerHTML을 해주는 작업.

그리고 그 이후에 생기는 모든 문제들에 대해서 다시 생각해볼것ㅠㅠㅠ

FE: CSS 다시 짜기.

 

에대해서 해결을 했어야하는데, 

 

콜백함수에 값이 전달 되지 않은건 HTML에 이 함수가 실행되면, 다시 event처리를 하지 못해서인데 그걸 해결해주기위해선 다시 함수를 재활성화를 시켜주면 되는 것이다.

 

음.. 그걸 해결시키기위해서 약간 재귀함수처럼 구문을 재활용을 하기로했다.

즉, 콜백함수안에다가 이함수를 넣고 다시 실행되는 방식을 채택했다. 그랬더니 됬다. 문제는 이 함수를 만들었는데 어떤식으로 실행시키는 가였는데

 

처음에는 일단 이벤트리스너를 통해서 클릭이 된순간 -> 이 함수를 실행을 시켜보도록 했는데, 막상 그러니까 두번 눌러야지 작동을 하길래. 음.. 이걸 어떤식으로 해결해야하는지 고민을 많이했는데,(왜냐하면 바로 작동시키는 방법을 정확하게 몰랐다.)

 

한 한시간정도 뻘짓했던 결과 함수를 실행시켜버리면 된다는 사실을 찾아서, 이벤트 리스너 함수자체를 처음에 실행시키는 방법을 택했다.

 

그랬더니 완벽하게 작동. 

 

아쉬운건,  버튼을 누르면 누른게 바로 밑으로 내려가는 방식이 아니라 그 카드가 시간순서로 다시 정렬되서 좀 아쉽.

이게 원하는 방식으로 구현한건지 혹은 그게 아닌지 헛갈림. ㅎ;

 

 

이제 남은것.

 

CSS 완성하기.