const TodoItemBlock = styled.div`
display: flex;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
&:hover {
${Remove} {
display: initial;
}
}
`;
TodoItemBlock 위에 커서가 있을 때, Remove 컴포넌트를 보여주라는 의미!
styled components 공식문서는 이건데 읽어봐도 뭔 소리인지 잘 이해가 안된다..
검색해도 잘 안나와서 다시 알아봐야할 것 같다.