이렇게 코드를 작성하면 다음과 같이 빨간색 영역이 나타날 것입니다.
![](https://thebook.io/img/080236/130.jpg)
▲ 그림 3-17 빨간색 AddTodo 영역
이제 DateHead와 AddTodo 사이에 공간을 만들어줘야겠죠?
둘 사이에 할일 항목 리스트를 보여주고, 만약 할일 항목이 하나도 없다면 다음 그림처럼 이미지와 문구를 보여주겠습니다.
![](https://thebook.io/img/080236/130_2.jpg)
▲ 그림 3-18 항목이 하나도 없을 때 보여줄 이미지와 문구
이렇게 코드를 작성하면 다음과 같이 빨간색 영역이 나타날 것입니다.
▲ 그림 3-17 빨간색 AddTodo 영역
이제 DateHead와 AddTodo 사이에 공간을 만들어줘야겠죠?
둘 사이에 할일 항목 리스트를 보여주고, 만약 할일 항목이 하나도 없다면 다음 그림처럼 이미지와 문구를 보여주겠습니다.
▲ 그림 3-18 항목이 하나도 없을 때 보여줄 이미지와 문구