[TIL] 0709

 

1. 오늘 학습 키워드

 

- 합성 컴포넌트, 네스티드 인스턴스, 탭 컴포넌트

 

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

 

합성 컴포넌트

• 컴포넌트를 재료로 사용해 만든 컴포넌트
• 예: 바텀시트, 다이얼로그, 카드, 탭 등

 

네스티드 인스턴스

• 상위 컴포넌트에서 하위 컴포넌트의 속성 조작이 가능하게 하는 기능

 

컴포넌트 합치기 & 분리하기

• 새로운 컴포넌트는 드래그해서 세트에 추가 가능
• 분리할 때는 컴포넌트를 밖으로 끌어내리면 됨
• 꺼낸 컴포넌트는 하위 폴더 구조 이름으로 바뀜

 

강의 정리 내용

[피그마 강의] 4주차: 버튼 컴포넌트에 아이콘 추가/교체하기, 텍스트 바꾸기, 합성 컴포넌트와

 

 

 

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

 

- 새롭게 알게 된 점

• 컴포넌트 속성을 추가해서 설정하면 관리와 수정이 훨씬 편해진다.
• 실습을 통해서 UI의 상태 On/Off를 분리하는 방법을 배웠다.  
• 네스티드 인스턴그 기능을 사용하면 따로 컴포넌트 안의 컴포넌트에 들어가 조작하지 않아도 된다. 

- 어려웠던 점

• 속성을 추가하면서 처음 보는 개념이 많아서 언뜻 이해하기 어려웠다. 복습을 통해 더 학습할 필요를 느꼈다. 

 

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

 

- 4주차 숙제 하기

- 5주차 듣기 

- 아티클 정리하기