💡TIL - 22.07.04 | Assignment #2

배달의 민족 UI 구성하기

예시와 같이 배달의 민족 UI를 구성하면 된다!

예시

음 보자마자 넘나 스유 스택에 다 넣어 버리고 싶은 것..............
스유의 유혹을 떨치고... 스토리보드로 해 보겠습니다... ㅎㅎ..

과제 내용에는 없었지만 LaunchScreen 만들기..!
화면 크기만큼 Image View를 만들고, 뭔가 위아래로 늘어나야 더 예쁜 이미지 같아서 Scale To Fill로 Content Mode 설정해서 약 10초 만에(체감상..) 런치 스크린 완성..!!!

그리고 일단 위에 타이틀이랑 배너부터 만들어 봤다. 스토리보드로만 하려니 Content Mode중에서 골랐을 때 미적으로 좋아 보이는 이미지들이 많지 않았다.. 타이틀은 Label로 구현했는데, 글씨 크기를 키우려고 하다 보니 문득 Text에서 Plain과 Attributed의 차이가 뭔지 궁금해졌다. 갓택오버플로우를 참고해 보니, 타입 자체가 다르다는 걸 알게 됐다. Plain은 String이고 Attributed는 NSAttributedString이라고 한다. (뭔가 NS가 붙으면 Objc와 관련이 있는 것 같은 건 나의 착각일까..?)


Plain은 선택할 수 있는 폰트가 아주 제한적이지만,


Attributed는 선택할 수 있는 폰트가 아주 많다! 마침 배달의민족 폰트가 설치가 되어 있어서 사용하려고 했는데..

스토리보드에는 적용되지 않았다 🥲
찾아보니 프로젝트 자체에 폰트를 추가해야 한다고 한다..!(파일, info.plist)

그리고 일단 판(?)을 만들기! 단순 드래그로 각을 맞추려니 쉽지 않다 🥲
화살표 키들의 도움을 많이 받았다 ㅎㅎ..

이미지와 레이블 교체해서 완성!

시뮬레이터에 빌드한 모습,,

쉽지만 각잡느라 오~~래 걸렸다...
얼른 코드로 각잡고 싶다...!