[TIL] 0704

 

1. 오늘 학습 키워드

 

- 컴포넌트, 인스턴스

- 디자인 시스템

- UI 분류, 의사상태

 

2. 오늘 학습 한 내용을 나만의 언어로 정리하기

 

• 마스터 컴포넌트는 컴포넌트의 '원본'이며 수정하면 모든 인스턴스에 반영된다.
• 인스턴스는 마스터 컴포넌트를 복사한 복제본이다.
• 인스턴스를 수정하면 그 부분은 마스터와 연결이 끊긴다. (연결이 해제되면 일반 프레임이 됨)
• 마스터 컴포넌트를 수정하면 인스턴스한 테 영향을 준다.

   UI 키트 vs 디자인 시스템

• UI 키트: 단순 모음
• 디자인 시스템: 사용 방법, 규칙까지 포함된 문서

 

• 의사상태는 실제로 바뀌는 건 아니고, ‘상황에 따른 변화’를 보여주는 것이다.

 

강의 정리 내용

[피그마 강의] 3주차: 컴포넌트와 인스턴스, 디자인 시스템, UI 디자인 기본 이해하기

 

 

 

3. 학습하며 겪었던 문제점 & 에러

 

- 새롭게 알게 된 점

• 마스터 컴포넌트와 인스턴스의 개념과 관계를 알게 되었다. 
• 의사상태가 ‘가상의 상태’라는 뜻이고, 실제 컴포넌트는 변하지 않는다는 점을 알게 되었다. 

- 어려웠던 점

• 컴포넌트와 인스턴스는 개념은 이해했지만, 실제로 사용해보면 헷갈릴 것 같아서 복습이 꼭 필요한 것 같다.
• 강의 내용을 정리하면서 올리는 건 좋지만, 이론 정리 후 시각 예시나 실습 예제도 함께 정리할 필요가 있는 것 같다. 

 

4. 내일 학습 할 것은 무엇인지

- 3주차 강의 3-8, 9, 10 듣기
- 3주차 숙제 하기 

- 아티클 찾기 & 정리하기