척척학사의 코딩 여행💻

아보카도 토스트 프로젝트 간단한 토스트를 만드는 어플리케이션을 만들어보자! 아직 코드도 깔끔하지 않고, UI도 예쁘지는 않다! 성장일기처럼 부족한 모습도 열심히 기록해보고자 한다. 기능 1. 빵의 굽기 정도 설정하기 (Slider) 2. 토스트 재료 개수 선택하기 (Stepper) 3. 장바구니에 담기 4. 장바구니 : 주문하고자하는 메뉴를 상세하게 보여준다. 5. 주문목록 : 장바구니에서 전체주문 버튼을 누르면 값들이 모두 주문목록으로 들어간다. (계속 추가되는 형태) // SoiToast import SwiftUI struct ContentView: View { @State private var resultAlert = false // Alert @State private var bread = 50...

Tab view 어떤 컴포넌트인가? A view that switches between multiple child views using interactive user interface elements. > 하단 버튼(UI요소, Tab bar)를 사용하여 여러 화면을 전환할 수 있다. 언제, 어디서 사용하는가? A tab bar appears at the bottom of a screen, helping people understand the types of information or functionality an app provides. Tabs let people quickly switch between top-level sections in your app while preserving the cur..

Color 어떤 컴포넌트인가? A representation of a color that adapts to a given context. 컨텐츠에 색을 입힌다. 어떻게 사용하는가? // 정의 @frozen struct Color // 색 만들기 // 방법1. Asset Catalog let aqua = Color("aqua") // 방법2. RGB 값, 색조, 포화 및 밝기 사용 let skyBlue = Color(red: 0.4627, green: 0.8392, blue: 1.0) let lemonYellow = Color(hue: 0.1639, saturation: 1, brightness: 1) let steelGray = Color(white: 0.4745) // 방법3. 인스턴스마다 다른 색상 ..

ScrollView 1. 어떤 컴포넌트인가? A scroll view allows users to browse content, such as text in a document or a collection of images, that’s larger than the visible area. > Scroll view 를 통해 문서의 텍스트, 사진 등과 같은 콘텐츠를 정해진 영역보다 더 크게(많이) 볼 수 있다. 2. 언제, 어디서 사용하는가? The scroll view displays its content within the scrollable content region. As the user performs platform-appropriate scroll gestures, the scroll view ..