theme, atomic component 만들기

[deprecated-hongbiii]

피그마 링크

ThemeProvider

• 폰트 사이즈
• 컬러
• 패딩

아이콘

• svg 파일 추출하기
• 컴포넌트로 만들기

[deprecated-hongbiii]

현재 제이미가 만들어주신 각 아이콘들 3가지 상태(enabled, hover, clicked)를 모두 svg 파일로 저장해뒀는데, styled component를 이용해서 색깔을 그냥 직접 바꿔주는 게 더 나을지 고민중

styled component를 사용하지 않는다면?

• 각각의 svg파일을 각각 컴포넌트로 만들어야 함
• hover은 css로 처리하는 게 편한데, enabled와 hover 아이콘이 각각 컴포넌트로 존재하면 이벤트로 처리해야 할 것 같은 느낌??

styled component를 사용한다면?

• enabled만 컴포넌트로 만들어서 hover 시 path, fill 색깔을 바꿔주는 방식으로 해볼 수 있을 것 같음
• clicked는 어쩔 수 없이 이벤트가 들어가야 할 것 같음