THIS IS ELLIE

오늘은 SwiftUI에 Animation을 사용해보려 합니다. 먼저 isZoomed @State프로퍼티를 만들어줍니다. 디폴트 값은 false로 해주고 scrollView가 onAppear 되는 시점 애니메이션이 실행되고 isZoomed값도 토글됩니다. banner의 높이를 결정지을 bannerHeight변수는 isZoomed 값에 따라 253이 되거나 0이 됩니다. frame에 height로 바로 사용하기 위해 타입은 Double(CGFloat)로 선언해줍니다. 이게 끝 struct ContentView: View { @State private var isZoomed: Bool = false var bannerHeight: Double { isZoomed ? 253 : 0 } var body: some..

안녕하세요 오늘은 얼럿에 대해서 알아보겠습니다. 얼럿은 iOS15에서 업데이트되었기 때문에 iOS 15 이상만 지원하면 되는지? iOS 13,14도 지원해야하는지? 생각해보시고 상황에 따라 다르게 구현하면 됩니다. 먼저 iOS 15에서는요 modifier를 통해 얼럿을 생성할 수 있습니다. struct ContentView: View { @State private var showingAlert = false var body: some View { Button("얼럿 생성") { showingAlert = true } .alert("여기 타이틀", isPresented: $showingAlert) { Button("OK", role: .cancel) { print("OK 누름") } } } } 여기서 @S..

안녕하세요 오늘은 Rectangle, RoundedRectangle에 대해서 포스팅하겠습니다. SwiftUI는 Rectangle, RoundedRectangle, Capsule, Ellipse, Circle 이렇게 5가지 Shape를 제공합니다. 그중에서 오늘은 Rectangle과 RoundedRectangle만 살펴보려 합니다. (나머지는 나중에) VStack으로 빨간색 Rectangle 200x200짜리 하나 RoundedRectangle 200x200짜리 하나 그려줍니다. struct ContentView: View { var body: some View { VStack { Rectangle() .fill(.red) .frame(width: 200, height: 200) RoundedRectang..

안녕하세요. 오랜갑만입ㄴ다. 오늘은 VStack과 LazyVStack에 대해서 포스팅하려 합니다. 먼저 VStack은 익숙하시죠? (모르겠으면 여기) 2020.05.28 - [개발/SwiftUI] - SwiftUI 유형별 스택 VStack, HStack, ZStack ㅇㅇ VStack을 사용하면 수직으로 뷰를 쌓을 수 있습니다. 간단한 예로 텍스트 두 개 생성해서 VStack에 넣어봅시다. struct ContentView: View { var body: some View { VStack { Text("안녕") Text("하세요") } } } 안녕, 하세요를 VStack안에 넣어주면? 아래와 같이 세로로 텍스트가 노출되게 됩니다. 여기까지 오케이! 그럼 LazyVStack은 언제 쓰는데? 애플 공식 문서..

WWDC 21 보다가 발견한 내용인데 SwiftUI 3.0부터 마크다운을 지원한다고 합니다. https://developer.apple.com/videos/play/wwdc2021/10018/?time=1635 iOS 15, macOS 12에서부터 마크다운 사용이 가능합니다. - Bold - Italic - Strikethrough - Inline code - Link (이미지는 지원하지 않는다고 함) 이렇게 지원한다고 하는데 한 번 사용해봅시다. struct ContentView: View { var body: some View { VStack { Text("안녕?") Text("안녕 **안녕이라니까** 안녕이라고 *아안녕* 안녕 ***볼드 안녕, 어어*** 어어.") Text("~~줄이 그어이이이서어..

오늘은 Image에 대해서 알아보겠습니다. 스유에서 이미지를 보여주는 뷰가 Image 구조체입니다. UIImage 비슷한거라고 생각하면 될 듯? 먼저 프로젝트에 기영이 이미지를 추가해줍니다. 기본 struct ContentView: View { var body: some View { Image("giyoung2", bundle: nil) } } frame 적용 기영이 이미지 사이즈를 변경해봅시다. 사이즈는 100, 100으로 변경해보겠습니다. struct ContentView: View { var body: some View { Image("giyoung2", bundle: nil) .frame(width: 100, height: 100) } } 응? 왜 안바껴? ㅇㅇ resizable 수정자를 적용하지..

오늘은 118,119 문제를 풀어보겠습니다. 모두 파스칼 삼각형 관련 문제고 난이도 Easy, Acceptance는 64.3%, 57.4%입니다. 먼저 118부터 ㄲ 정수형 numRows가 주어지면, 파스칼의 삼각형에서 첫 번째 numRows를 리턴하세요. 파스칼의 삼각형에서 각 숫자는 바로 위 두 수들을 더한 값입니다. 3번째 줄에서 2는 바로 위 1과 1를 더한 값입니다. 마지막 5번째 줄에서 6은 바로 위 3과 3을 더한 값입니다. 여기서 파스칼의 삼각형 규칙은? 첫 번째 줄은 무조건 1입니다. 각 row의 시작과 끝은 무조건 1입니다. n번째 row에는 모두 (n)개의 수가 있습니다. (index라고 치면 n번째에 n + 1개) 주어진 예를 보겠습니다. 1번 예제 numRows로 5를 받았으면, ..

오늘은 11번을 풀어보겠습니다. 중간 난이도고 53.9%의 성공률을 보입니다. ㄱㄱ 길이가 n인 height 정수 배열이 제공됩니다. i번째 선의 두 점이 (i, 0) 그리고 (i, height[i])처럼 n개의 수직선이 그려집니다. 컨테이너에 가장 많은 물이 포함될 수 있는 x축인 두 개의 선을 찾으세요. 컨테이너가 저장할 수 있는 최대 물의 양을 리턴해야합니다. 컨테이너를 기울이는 건 안된다고 합니다. 주어진 예시를 보겠습니다. [1,8,6,2,5,4,8,3,7] 9개의 높이를 받았고 인덱스에 맞게 높이를 그려주면 위 이미지와 같습니다. 컨테이너가 저장할 수 있는 최대 물의 양을 리턴해야 하니 컨테이너가 클수록 좋습니다. 해당 예제에서는 1번째 인덱스 8 그리고 8번째 인덱스 7에서 직선을 만들었을 ..