Styled-Components 꿀단지
1.styled-components 로 keyframes를 이용한 애니메이션 구현 : 참조
Styled-components : 트랜지션 구현하기 - 컴포넌트 스타일링 | 벨로퍼트 : https://agal.tistory.com/170
2.Styled components를 이용한 조건부 스타일링 in react : 리액트, 스타일드 컴포넌트 : 참조
lecture 10 conditional styling using props in styled components : https://www.youtube.com/watch?v=2givJQ7qKFA
3.styled components 트랜지션/애니메이션 (Keyframes) 구현 in react : 리액트, 스타일드 컴포넌트, 트랜지션, 키프레임 : 참조
Keyframes 이용한 방법 개념 : https://agal.tistory.com/170Keyframes를 사용하지 않은 transition 코드 : https://codesandbox.io/s/yv5mm6m8qj?file=/src/index.js
4.display none이 transition이 안먹히는 이유와 해결방안(visibility : styled component & css, 리액트 : 참조
display none이 transition이 안먹히는 이유와 해결방안 : https://velog.io/@dev-tinkerbell/display-none%EC%9D%B4-transition%EC%9D%B4-%EC%95%88%EB%A8%B9%ED%9E%88%
5.MUI 컴포넌트 에 props 조건부 스타일링 사용하기 : Material UI, props, makeStyles : 참조
https://velog.io/@kimhr08/Material-UI%EC%97%90%EC%84%9C-Style%EC%9D%84-%EC%A0%81%EC%9A%A9%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95
6.MUI 컴포넌트에 styled components 스타일링 사용하기 : 참조
https://velog.io/@mandariin/React%EC%97%90%EC%84%9C-Material-UI-styled-components-%EC%A1%B0%ED%95%A9-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0
7.React + styled-components 설정 & global style & ThemeProvider 적용
https://kyounghwan01.github.io/blog/React/styled-components/basic/
8.Styled-components (CSS IN JS) 의 장단점
https://velog.io/@ken1204/styled-components-%EC%84%A0%EC%A0%95%EC%9D%98-%EC%9D%B4%EC%9C%A0