[TIL] 12일차 학습일지

오늘 공부한내용

 

먼저 플러그인 (coolors) 로 색을 선정한다. ( 실제 실무에서는 색을 엄청 신중하게 정함)

색을 명도에 따라 10단계로 추출하고 레이어를 'Primary/900' 이런식으로 50까지 정함

전체 색을 잡고 플러그인 ' styler'-> generate style'로 컬러를 오른쪽 패널에 지정한다.

요런식으로 폰트도 지정함.

 

 

 

플러그인 ' Auto documentation' 으로 텍스트와 컬러시스템을 정리한다.

 

 

*텍스트 크기는 4단위로 -> 라지는 24였다면 미디움은 20 스몰은 16이런식으로,,곡률과 높이도 같음

 

* Instance swap으로 버튼에 있는 아이콘 변경하는법: 

1. 먼저 보라색(vairants)를 잡고 프러퍼티를 추가해주기. 추가해줄때 이름이랑 아이콘들 다 선택해주고 하기

 

2. 컴포넌트내에서 교체할 아이콘에 프로퍼티 설정값 부여해주기

 

* Boolean으로 버튼안 아이콘 껐다 켰다 하기

1. 보라색(vaiants)를 잡고 프러퍼티로 boolean추가한다음 버튼 안에 변경하고자 하는 요소를 클릭한다음 Layer옆에 아이콘 클릭해서 추가해주기

 

 

---

문제점

버튼안에 아이콘들 변경되게 하는 Instance swap 개념이 이해가 되지 않아서 튜터님께 질문함. 개념은 알거 같은데 막상 적용해보면 또 모르겠음. 그리고 오늘 좋은 글쓰는 법 특강을 들었었는데 검색이 잘 되는 사이트에 적는게 좋다고 하셨다. 지금내가 쓰고 있는 곳은 나밖에 모르는 곳인데(하...............^^) 더 늦기전에 블로그를 옮겨야하나

시행착오

튜터님께 질문하고 해설을 듣고 다시한번 고민해보았다.

해결방법

개인과제를 진행해보며 배운내용을 적용해보려고 하고 있다.