본문 바로가기

swift12

SwiftUI로 나만의 앱 만들기 3 : SwiftUI View Modifiers 저번 강의에서 배치한 to-do-list만 가지고는, 매력적인 앱이라고 할 수 없습니다. 오늘 해야할 것은 SwiftUI에 내장되어 있는 Modifiers를 통해 앱에 '매력'을 추가할 것입니다. modifier를 통해 기본적인 Text View가 Style을 갖게 되었습니다. 하지만 이때 꼭 염두해야 하는 것은, 해당 Style들은 누적되는 것이 아니라 독립적으로 부여됩니다. 캡처한 이미지를 예로 들자면, Text에 opacity(0.5) modifier를 통해 투명도가 0.5가 되었습니다. 그 후, border modifier를 통해 테두리가 생겼는데, 이 때 테두리는 투명도과 관련이 없습니다. 하지만 순서는 중요합니다. 만약, border modifier가 먼저 나오고 opacity가 후에 추가된다.. 2021. 4. 28.
SwiftUI로 나만의 앱 만들기 2 : SwiftUI Views 첫 번째 강의에선 단순히 계획만 짰다면, 이번 강의에선 실제 APP 설계로 들어갑니다. 먼저 View가 무엇인지 이해해야 합니다. 여기서 이야기하는 View는 개발해야 하는 모든 것입니다. 즉, 모든 사용자의 인터페이스(Every user interfaces)를 'View'라고 칭합니다. 어떤 뷰들은 다른 뷰들의 Container로 사용되기도 합니다. (여기 화면에선 화면 전체 뷰, 슬라이더 뷰 같은 것들이 Container로 사용됩니다.) 여기서 알 수 있는 것은, SwiftUI에선 다양한 형태의 View가 존재하는 것입니다. Text Slider Button Vertical Stack Horizontal Stack 이러한 View들의 공통점은 모두 화면에 그려질 수 있다는 것(can be drawn .. 2021. 4. 27.
SwiftUI로 나만의 앱 만들기 1 : MVP와 Nice to Haves 먼저, 강의에서 예시로 보여준 Bull's eye라는 앱의 기능과 UI를 보고 어떠한 기능들이 필요한지 생각해서 to-do-list를 작성해야 합니다. TO-DO-LIST 중앙 상단에 랜덤으로 등장하는 숫자가 출력되게 해야 합니다. 정중앙에 1부터 100까지의 수치를 보여주는 직선을 출력해야 합니다. Hit me! 라는 버튼을 누르면 상단에 랜덤으로 등장하는 숫자와 이용자의 숫자를 비교합니다. 그 값이 같다면 200점을 부여하고 멀어질 수록 적은 점수를 부여합니다. 해당 값을 팝업창을 통해 화면에 띄웁니다. 좌측 하단에 이용자의 누적 점수를 출력합니다. 우측 하단에 이용자의 단계를 출력합니다. 좌측 상단에 게임을 리셋하는 버튼을 출력합니다. 이 정도가 예시로 보여준 게임의 개괄을 분석하고, 해야하는 일들.. 2021. 4. 26.
SwiftUI와 UIKit SwiftUI SwiftUI can visualize my work SwiftUI is good for team-based developement SwiftUI can port MacOS, watchOS, TvOS SwiftUi is plain fun ? Reasons keep using UIKit instead of SwiftUI SwiftUI is working only on iOS 13 or later UIKit is much mature than SwiftUI Many companies already used their Legacy Code by UIKit So, 둘 다 공부해야 한다. 해당 과정은 5개의 이정표를 갖는다. Your first iOS & SwiftUI app : an app fro.. 2021. 4. 26.