루피 님의 블로그
close
프로필 사진

루피 님의 블로그

github: @kimsangjunzzang

  • 분류 전체보기 (127) N
    • iOS (65)
      • Swift (36)
      • UIKit (9)
      • SwiftUI (8)
      • RxSwift (12)
    • FE (8)
      • 모던 자바스크립트 (3)
      • HTML (5)
    • CS (15) N
    • Algorithm (20)
    • 트러블 슈팅 (5)
    • 그 외 정리 (2)
    • 대외활동 & 회고록 (8) N
    • 바로 안 나오면 모르는거다 (4)
  • 홈
  • 태그
  • 방명록
[SwiftUI] some View

[SwiftUI] some View

안녕하세요, iOS 개발하는 루피입니다. 오늘은 SwiftUI View와 Modifiers에 대해 공부하면서 궁금했던 some View, 특히 some 키워드에 대해 좀 더 자세히 알아보겠습니다. 바로 시작합니다.1. some View를 왜 써야 하는가?지난 글에서 "some View는 View 프로토콜을 준수하는 어떤 객체이지만, 정확히 어떤 타입인지는 말하고 싶지 않다"라고 간략하게 설명했는데요. 그래 편하겠지... 근데 뭐가 어떻게 편한거야? 그리고 왜 써야하는지 잘 와 닿지가 않더라고여... 그래서 이 부분에 대해 더 자세히 살펴보겠습니다.1) 편리성과 코드 가독성만약 우리가 some View를 사용하지 못한다면 어떻게 될까요?만약 Text를 반환하고 싶다면... struct ContentView..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 5. 15.
[SwiftUI] View & Modifiers

[SwiftUI] View & Modifiers

안녕하세요, iOS 개발하는 루피입니다.오늘은 SwiftUI의 근간을 이루는 핵심 개념인 뷰와 모디파이어에 대해 깊이 있게 알아보려고 합니다.바로 시작합니다.1. SwiftUI가 View에 Struct를 사용하는 이유UIKit이나 AppKit을 사용해 보셨다면, 두 프레임워크에서는 뷰를 클래스로 구현한다는 것을 알고 계실 겁니다. 그러나 SwiftUI는 다른 접근 방식을 취합니다. SwiftUI에서는 뷰를 구조체로 구현하며, 여기에는 몇 가지 중요한 이유가 있습니다.1) 성능적 이점구조체는 클래스보다 단순하고 빠릅니다.UIKit에서는 모든 뷰가 UIView라는 클래스에서 파생되며, 이 클래스는 배경색, 위치 제약조건, 렌더링 레이어 등 수많은 속성과 메서드를 포함하고 있습니다. 상속의 특성상 UIView..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 5. 13.
[SwiftUI] StateObject

[SwiftUI] StateObject

안녕하세요, iOS 개발하는 루피입니다! 오늘은 공식문서를 바탕으로 StateObject에 대해 정리해 보는 시간을 가져보려 합니다. 바로 시작합니다.StateObject란?StateObject는 SwiftUI에서 참조 타입 객체를 관리하기 위한 프로퍼티 래퍼로, iOS 14부터 도입되었습니다.(iOS 17 이후부터는 참조 타입도 @Observable 매크로와 함께 @State로 관리하는 것을 Apple이 권장하고 있습니다.) ObservableObject 프로토콜을 준수하는 참조 타입 객체의 생명주기를 관리하고, 뷰가 업데이트될 때도 객체의 상태를 안정적으로 유지하는 역할을 합니다.@MainActor @frozen @propertyWrapper @preconcurrencystruct StateObjec..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 21.
[SwiftUI] Bindable

[SwiftUI] Bindable

안녕하세요, iOS 개발하는 루피입니다. 오늘은 공식문서를 바탕으로 Bindable에 대해 정리해보는 시간을 갖겠습니다. 바로 시작합니다.Bindable이란?@Bindable은 Observable 객체의 변경 가능한 속성들에 바인딩을 생성할 수 있게 해주는 프로퍼티 래퍼입니다.이 프로퍼티 래퍼를 사용하면 Observable 프로토콜을 준수하는 데이터 모델 객체의 변경 가능한 속성에 바인딩을 만들 수 있습니다. 예를 들어, 아래 코드에서는 @Bindable로 book 입력을 감싸고 있습니다. 그런 다음 TextField를 사용해 책의 title 속성을 변경하고, Toggle을 사용해 isAvailable 속성을 변경합니다. 이때 $ 문법을 사용하여 각 속성에 대한 바인딩을 컨트롤에 전달합니다.@Observ..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 21.
[SwiftUI] 상태 관리 - PropertyWrapper (2)

[SwiftUI] 상태 관리 - PropertyWrapper (2)

안녕하세요, iOS 개발하는 루피입니다!이전 글에서 SwiftUI의 상태 관리 기본 개념과 특징에 대해 알아보았습니다. 이번 글에서는 상태를 하위 뷰와 공유하는 방법, Observable 객체와의 활용, 그리고 성능 최적화와 일반적인 실수에 대해 알아보겠습니다.바로 시작합니다.하위 뷰와 상태 공유하기 (Share state with subviews)상태 프로퍼티를 하위 뷰로 전달하면, 상위 뷰에서 해당 값이 변경될 때마다 SwiftUI는 하위 뷰를 자동으로 업데이트합니다. 하지만 하위 뷰는 이 값을 수정할 수 없습니다. 하위 뷰가 상태 값을 수정할 수 있게 하려면, 상태 대신 바인딩을 전달해야 합니다. 예를 들어, PlayButton에서 isPlaying 상태를 제거하고, 대신 바인딩을 받도록 변경할 수..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 17.
[SwiftUI] 상태 관리 - PropertyWrapper (1)

[SwiftUI] 상태 관리 - PropertyWrapper (1)

안녕하세요, iOS 개발하는 루피입니다! 오늘은 SwiftUI의 선언적 UI 패러다임의 핵심인 상태 관리에 대해 알아보겠습니다. 특히 가장 기본이 되는 State 프로퍼티 래퍼를 중심으로 공식 문서를 바탕으로 정리해보았습니다. 바로 시작합니다.@State란 무엇인가?@State는 SwiftUI에서 제공하는 Property Wrapper 타입의 하나로, 변수 앞에 위치하며 해당 프로퍼티 데이터 값에 접근할 수 있고 또한 최신 값을 반영합니다. 이름 그대로 상태(State) 자체를 나타내며, 상태가 변하면 UI도 이에 맞게 변합니다.struct ContentView: View { @State private var name = "World" var body: some View { VSt..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 17.
[SwiftUI] UI 상태 관리 (Managing user interface state)

[SwiftUI] UI 상태 관리 (Managing user interface state)

안녕하세요, iOS 개발하는 루피입니다! 오늘은 SwiftUI의 UI 상태 관리에 대해 공식 문서를 바탕으로 정리해 보겠습니다. 바로 시작합니다.OverviewSwiftUI에서 상태 관리의 핵심은 각 뷰가 필요한 데이터를 캡슐화하여 독립적이고 재사용 가능한 컴포넌트로 만드는 것입니다.캡슐화란?여기서 캡슐화란 뷰가 데이터(@State)와 동작(UI 렌더링)을 내부에 정리하고, 외부에는 간단한 인터페이스(@Binding, 읽기 전용 속성)만 노출하는 것을 의미합니다. 이렇게 하면 뷰는 복잡한 내부 로직을 숨기고, 다른 화면이나 앱에서 쉽게 재사용할 수 있습니다.하지만 여기서 한 가지 오해가 생길 수 있습니다."아 그러면.... 모든 데이터들을 딱 뷰에 맞게 분산시키는 게 포인트구나???"아니요. 데이터를 뷰..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 15.
[SwiftUI] Model Data

[SwiftUI] Model Data

안녕하세요, iOS 개발하는 루피입니다! 오늘은 SwiftUI의 Model Data를 공식 문서를 바탕으로 간단하게 알아보겠습니다. 바로 시작합니다.Model Data란?SwiftUI 앱에서 UI로 표시되는 정보를 관리하는 데이터 구조를 의미합니다. 이는 사용자가 인터페이스를 통해 상호작용하고 수정할 수 있는 데이터를 표현하는 커스텀 타입입니다.Model Data를 왜 쓰는가?데이터와 뷰의 분리: 데이터 모델은 데이터와 상호작용하는 뷰와 데이터 자체를 분리합니다.모듈화 증진: 이러한 분리는 앱의 모듈화에 기여합니다.테스트 용이성: 데이터 로직을 UI와 분리함으로써 테스트가 더 쉬워집니다.코드 추론 개선: 앱의 작동 방식을 더 쉽게 이해하고 추론할 수 있게 합니다.OverviewSwiftUI는 선언적 방식..

  • format_list_bulleted iOS/SwiftUI
  • · 2025. 4. 15.
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (127) N
    • iOS (65)
      • Swift (36)
      • UIKit (9)
      • SwiftUI (8)
      • RxSwift (12)
    • FE (8)
      • 모던 자바스크립트 (3)
      • HTML (5)
    • CS (15) N
    • Algorithm (20)
    • 트러블 슈팅 (5)
    • 그 외 정리 (2)
    • 대외활동 & 회고록 (8) N
    • 바로 안 나오면 모르는거다 (4)
인기 글
전체 방문자
오늘
어제
Copyright © kimsangjunzzang 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바