[TIL] 0813

1. 오늘 학습 키워드

• 컴포넌트
• 프로토타입 연결

 

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

•  

좋은 컴포넌트의 기준

• 재사용성: 다양한 페이지와 맥락에서 같은 의미로 사용될 수 있어야 함 (e.g. 버튼)
• 유연성: 상황에 따라 상태나 데이터, 구조가 바뀌어도 무너지지 않아야 함 (e.g. 카드 UI에 이미지가 없는 경우에도 레이아웃이 깨지지 않도록)
• 확장성: 다양한 조합으로 만들어져도 관리가 쉬운 구조여야 함 (e.g. 태그 컴포넌트를 강조나 속성 표시 등 다양한 상황에서 사용하더라도 동일한 컴포넌트에서 관리할 수 있어야 함)일관성: 제품 전체에서 동일한 기능은 동일한 방식으로 동작하고 보여야 함 (e.g. 항상 같은 높이/라운드/컬러로 유지)
• 협업 친화성: 역할과 속성이 명확해야 함 (e.g. 네이밍, 상태명, 인터랙션 등이 잘 정리되어 있어야 협업에 용이)

 

 

모든 컴포넌트를 구조화할 필요는 없음

• 재사용이 불가능한 일회성 화면이나 이벤트성 배너는 굳이 컴포넌트로 만들지 않아도 됨
• 재사용 가능성이 높은 요소부터 차근차근 구조화하는 것이 핵심
• 어떻게 판단하는지?
  • 3번 이상 반복되는 요소인지
  • 콘텐츠가 바뀌어도 컴포넌트의 구조가 유지되는지

 

 

오늘 진행한 디자인 카타🔽

[디자인 카타] 에이블리와 지그재그의 배송 현황 화면 어떤 이유로 보여주는 형태가 다를까?

 

 

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

 

- 새롭게 알게 된 점 & 느낀점

• 어제보단 상태가 양호하지만 어제 외출로 오전을 너무 날려 버렸기 때문에 정말 오늘밖에 시간이 없었다! 어찌저찌 과제는 제출했지만 늘 그랬듯이 덜 완성된 느낌?.? 제발 나만 그런 게 아니라고 해주세요
• 컴포넌트도 만들어보면서 이게 맞나? 싶었다

 

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

• 과제 해설본 이어서 듣기