# style component

6개의 포스트
post-thumbnail

운영진 스터디 - 4주차

이번주에는 style에 대한 것을 배웠다!Syntactically Awesome Style Sheet의 줄임말로 CSS pre-processor이다. 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여준다!또한 코드의 가독성을 높여주어 유지보수를 쉽게 해준

2022년 2월 7일
·
0개의 댓글
post-thumbnail

Styled-components 스타일 재사용

스타일링을 하게되면 일정한 스타일을 반복하게 사용 될 경우가 있다.예시로 아래 코드는 완전히 동일한 스타일이 적용되어 있다.이렇게 완전히 똑같은 스타일을 사용해야 한다면 같은 코드의 양이 2배가 된다...코드의 양을 줄이기 위해 style-component 에서는 똑같

2022년 1월 24일
·
0개의 댓글
post-thumbnail

Styled-component 스크롤바 디자인

스타일컴포넌트 - 스크롤바 디자인 &::-webkit-scrollbar { display: none; }

2022년 1월 11일
·
0개의 댓글
post-thumbnail

What style-component?

이번 2차 프로젝트 기획 단계에 들어가면서 redux를 쓰느냐 style-component를 쓰느냐 이야기를 나눠봐야 하는 상황이 왔다.redux는 나중에 쓰는 것이 맞다는게 결론이었고 style-component는 이 기회에 한번 써보자는 통일된 의견으로 이번 2차

2021년 12월 26일
·
0개의 댓글

style component를 활용한 조건부 렌더링

여러 선택지가 렌더링 된 후에 이들 가운데 user가 선택한 선택지들만 다른 효과(이번 프로젝트에서는 background-color와 color만 다르게 효과를 주었다.)를 주는 방법으로 style component를 통해 props를 주고 그 props를 style

2021년 12월 19일
·
0개의 댓글
post-thumbnail

React - Styled component 시작하기

리액트에서 스타일을 줄 수 있는 방법이 더 있다.Style Component 를 사용 하는 방법이다!SASS도 좋았지만 Style Component 를 사용하는 이유가 있다.클래스 이름의 중첩을 줄여줌attribute 추가가 가능스타일에 props를 적용 할 수 있다S

2021년 12월 15일
·
0개의 댓글