배운 것

Day 8 피그마 컴포넌트 기초 배우고 입력 컴포넌트 만들어보기

컴포넌트 생성 시 흔히 사용하는 용어

1. 컴포넌트 세트(Component set)

2. 베리언트(Variants)

3. 프로퍼티(Property)

4. 값(Value)

프로퍼티 종류

• 불린(Boolean): 레이어를 껐다가 켜기

• 텍스트(Text): 텍스트를 마음대로 수정이 가능

• 인스턴스 스왑(Instance swap): 인스턴스를 다른 인스턴스로 바꾸기

• 베리언츠(Variants): 위 세가지 유형이 아닌 카테고리로 구분하고 싶은 경우

컴포넌트를 만드는 순서

Step 1. 기본 싱글 컴포넌트 만들고 아래 프로퍼티 등록하기

Step 2. 복제한 후 테스트해 보기

Step 3. 베리언츠 프로퍼티 만들기

Step 4. 마지막 테스트하기

step 5. 내부 인스턴스를 디자인 패널에서 관리하기

회고

칭찬할 점: 주말까지 이번주 강의를 모두 수강했다!

아쉬웠던 점 + 보완하고 싶은 점: 매일 미션하는데 실패했다. 아침에 강의 듣고, 미션 수행하는 루틴을 만들어 보완해보면 좋을 것 같다!

미션

Day 9 / 11 입력 컴포넌트와 디스플레이 컴포넌트 만들고 마지막 점검하기

리사이징하는 부분에서 좀 더 다듬어야 할 부분이 있다! 이 부분들 찾아서 보완하도록 하자.