# style component
json-server를 활용한 react CRUD 방명록 프로젝트 프론트엔드 개발회고
json-server로 CRUD가 가능한 react 방명록 개인 project 개발기✨ 저장소 https://github.com/bbahna/Guest-book 기술 스택 React, JavaScript, style-component, json-server 개발
React | style-component
What's style-compoent styled components는 javascript에서 css를 사용 할 수 있도록 도와주는 스타일링 프레임워크입니다. React Component에 특정 스타일링을 할 수 있기 때문에 재사용성을 더 높일 수 있고, javasc
운영진 스터디 - 4주차
이번주에는 style에 대한 것을 배웠다!Syntactically Awesome Style Sheet의 줄임말로 CSS pre-processor이다. 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여준다!또한 코드의 가독성을 높여주어 유지보수를 쉽게 해준
Styled-components 스타일 재사용
스타일링을 하게되면 일정한 스타일을 반복하게 사용 될 경우가 있다.예시로 아래 코드는 완전히 동일한 스타일이 적용되어 있다.이렇게 완전히 똑같은 스타일을 사용해야 한다면 같은 코드의 양이 2배가 된다...코드의 양을 줄이기 위해 style-component 에서는 똑같
Styled-component 스크롤바 디자인
스타일컴포넌트 - 스크롤바 디자인 &::-webkit-scrollbar { display: none; }
What style-component?
이번 2차 프로젝트 기획 단계에 들어가면서 redux를 쓰느냐 style-component를 쓰느냐 이야기를 나눠봐야 하는 상황이 왔다.redux는 나중에 쓰는 것이 맞다는게 결론이었고 style-component는 이 기회에 한번 써보자는 통일된 의견으로 이번 2차
style component를 활용한 조건부 렌더링
여러 선택지가 렌더링 된 후에 이들 가운데 user가 선택한 선택지들만 다른 효과(이번 프로젝트에서는 background-color와 color만 다르게 효과를 주었다.)를 주는 방법으로 style component를 통해 props를 주고 그 props를 style
React - Styled component 시작하기
리액트에서 스타일을 줄 수 있는 방법이 더 있다.Style Component 를 사용 하는 방법이다!SASS도 좋았지만 Style Component 를 사용하는 이유가 있다.클래스 이름의 중첩을 줄여줌attribute 추가가 가능스타일에 props를 적용 할 수 있다S