리액트에서 스타일을 줄 수 있는 방법이 더 있다.Style Component 를 사용 하는 방법이다!SASS도 좋았지만 Style Component 를 사용하는 이유가 있다.클래스 이름의 중첩을 줄여줌attribute 추가가 가능스타일에 props를 적용 할 수 있다S
스타일컴포넌트 - 스크롤바 디자인 &::-webkit-scrollbar { display: none; }
스타일링을 하게되면 일정한 스타일을 반복하게 사용 될 경우가 있다.예시로 아래 코드는 완전히 동일한 스타일이 적용되어 있다.이렇게 완전히 똑같은 스타일을 사용해야 한다면 같은 코드의 양이 2배가 된다...코드의 양을 줄이기 위해 style-component 에서는 똑같
Styled-component + TypeScript >저는 React, TypeScript ,Styled-componet 이 세가지 조합을 많이 사용하고 있습니다. Styled-component를 사용하는 이유는 독자적인 클래스를 만들어 스타일 충돌을 방지 SASS와
미디어쿼리 미디어쿼리 사용방법 -> customStyled component 내에서 호출 ex) ${mediaQueries(FROMTABLETTO_PHONE)} { ${(props) => (props.theme.width )}; }