styled-components 01

10-05 styled_component/index.js에서, 

Q1.

const MyGridContainer = styled.ul`
    /** SCSS 코딩 진행 */
    list-style: none;
    padding: 0;
    margin: 0;
    width:1024px;
    border: 5px solid #cc0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
`;

 

이건 CSS 속성이 정해진 ul 태그를 만드는거야?

 

 

 

A1.

네, 이 코드는 지정된 CSS 속성을 가진 ul 태그를 생성합니다.

 

 

 

Q2.

const MyGridItem = styled.li`
CSS 속성값들
`;

 

이렇게 하면, 해당 CSS 속성값이 들어간 li 태그가 구성되는거고?

 

A2.

네, 해당 코드를 사용하면 지정된 CSS 속성을 가진 li 태그를 생성합니다.