[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

BELATED ARTICLES

more