[TIL] 0708
2025. 7. 8. 18:03
1. 오늘 학습 키워드
- 컴포넌트 프로퍼티
- 컨트롤 컴포넌트(체크박스, 라디오)
- UI의 기능 주의적 관점
2. 오늘 학습 한 내용을 나만의 언어로 정리하기
컴포넌트 프로퍼티
- 피그마에서 인스턴스를 재사용할 때 효율성을 높이기 위해 사용
- 컴포넌트의 일부를 조건에 따라 바꾸는 기능
프로퍼티 종류
- Boolean, Instance swap, Text
버튼 위계
- 위계 용어: Hierarchy = 계층, Priority = 우선순위
- 일반적인 버튼 위계 종류: Primary, Secondary, Tertiary
강의 정리 내용
[피그마 강의] 4주차: 컴포넌트 프로퍼티, 버튼 컴포넌트 이해하기피그마 강의] 4주차: 컴포넌트
4-2) 컴포넌트 프로퍼티의 이해 · 의사상태 복습: (예시) 버튼에 마우스를 호버했을 때, 색깔이 바뀌는 것은 실제 버튼이 바뀐 게 아니라 버튼이 가진 가상의 상태를 나타내는 것이다. 컴포넌트
azure326.tistory.com
3. 학습하며 겪었던 문제점 & 에러
- 새롭게 알게 된 점
- 컴포넌트 프로퍼티의 종류(Boolean, Instance swap, Text)를 알게 되었다.
- 배리언츠는 구조나 디자인 자체가 바뀔 때, 프로퍼티는 구조는 유지하되 내용만 바뀔 때 사용한다는 차이를 배웠다.
- 어려웠던 점
- 실제로 버튼 위계에 따라 배리언츠를 만들어보면서 이해는 됐지만, 실전에서 바로 쓸 수 있으려면 연습이 더 필요할 것 같다. (복습하자!!)
- 이론적으로는 구분되지만, 실제 디자인 상황에서 배리언츠와 프로퍼티를 어디까지 나눠야 할지 헷갈릴 것 같다.
4. 내일 학습 할 것은 무엇인지
- 4주차 강의 듣기
- 아티클 정리하기
'UXUI > TIL' 카테고리의 다른 글
[TIL] 0714 (0) | 2025.07.14 |
---|---|
[TIL] 0709 (0) | 2025.07.09 |
[TIL] 0707 (0) | 2025.07.07 |
[TIL] 0704 (1) | 2025.07.04 |
[TIL] 0703 (0) | 2025.07.03 |