실습 이미지를 가져와준다.상단 버튼을 클릭하고 file > palce image... 를 클릭한다. 이미지를 가져와줬다. tip) 대각선 방향 크기를 조절할 때 shift키를 누르면서 하면 일정 비율을 유지하며 크기를 줄일 수 있다. 이미지와 동일하게 디자인을 해보겠다. 상단바 & 하단바 먼저 상단바와 하단바는 프레임을 이용하여 생성해준다. constraint 속성으로 상단바는 상단에 하단바는 하단에 고정시킨다. 하단바 위에 얕은 실선이 존재한다. 이를 구현하기 위해 stroke속성에서 굵기를 설정하고 스포이드로 색상을 가져온다. 글자는 텍스트박스를 이용해 입력한다.아래 화살표나 옆 요소들은 피그마에서 제공하는 플러그인을 이용하면 된다. 플러그인 > 사용할 아이콘이 들어있는 ma..