오류일지

todolist의 CRUD 기능을 구현하고 나서,

날짜에 따라서 todo의 목록을 보이게 만드려고 하였다.

 

따라서 헤더의 양 쪽 버튼을 클릭 시에, 해당 날짜로 이동하고 

그 날짜에 맞는 todo의 목록을 보여주려고 하였다.

 

 

 

따라서 아래와 같이

날짜를 조정해주는 increaseDay, deacreaseDay 함수를 생성하고, 

현재 날짜의 해당하는 todayTodo를 만들기 위해 filter를 사용하여  현재 날짜와 일치하는 todo의 목록을 찾아서 설정해주었다.

그 후 새로운 글을 작성해보았다.

 

 

오류

왜인지 위와 같은 에러가 발생하였다.

저장되는 createDate들은 slice가 가능한 문자열이 분명할텐데,

오류의 내용을 찾아보니 해당 오류는 slice를 사용할 수 없는 타입일 경우 발생한다고 한다.

 

console로 확인해보았을 때도 문제없이 slice가 되었는데, 이상하게 filter함수안에서 slice를 사용하는 계속 동일한 오류가 발생하였다.

 

 

해결 

조금 더 확실하게 하기 위해서 받아온 createDate를 날짜로 재설정 해준뒤,

getStringDate의 

date.toISOString().slice(0, 10);

이용하여 연도,월,일이 포함된 앞의 10자리를 받아와주었다.

 

 

동일한 날짜 형식으로 변환해준뒤 코드를 실행하니 정보를 잘 받아오는 것을 볼 수 있었다.

날짜에 대해서 slice를 사용할 때는 toISOString로 변환 후에 사용해야되는 것을 알게되었다.