2. 미션) 컴포넌트 만들기

✅ 선택한 웹사이트 : 현대카드

실제 사이트 이미지

작업방법

• 태그는 텍스트 길이에 따라 라인이 늘어나야되기 때문에 오토레이아웃 설정한다.
• 작은 요소부터 오토레이아웃 설정해 큰 요소로 묶어준다.
  
• 가장 많이 쓰는 요소를 컴포넌트화 한다.
  
• 실제 배치와 같이 보이도록 윗줄 오토레이아웃 / 아랫줄 오토레이아웃 설정 후 전체 오토레이아웃 설정한다.

내가 카피 작업한 이미지