태그클라우드 이동

If 짝수 컬렉션 실습편 2편 반복문 옵셔널 알고리즘 베이직반 Git TiL 변수 앱개발 배열 프로그래머스 swift 피그마 frontend xcode 이론편 1편 오블완 uikit study UILabel 티스토리챌린지 GitHub 프론트엔드 CSTS 프로토콜
2023년 1월 1일
08:00 AM
Buffering ...

최근 글 👑

Branding

We Can Become

Branding(207)

[Swift-TIL] SwiftUI 그리고 MVVM
댓글수 · 2025.08.26
MVVM 아키텍쳐는 개발자를 공부한다면,한번이라도 들어봤을 것이다. 실제로 기업에서도 많이 사용되며,간단하게 이를 설명해본다면애플리케이션의 로직과 UI를 분리하여 관리하며데이터 바인딩을 통해서 뷰와 뷰모델 사이에동기화를 자동화하는 소프트웨어 디자인 패턴을 의미한다. SwiftUI와 MVVM의 관계를 따져본다면사실 SwiftUI의 Property Wrapper 사용과구조들로 이미 MVVM을 느낄 수 있으며 사실 모델과 뷰가 결합된MV면 충분 할 수 있는데,앱 개발에서는 상태관리 중심에좀 더 집중하는 것이 적절하다. 그렇다고 MV로 모든것을 하기에는다소 문제가 있을 수 있다. SwiftUI의 아키텍쳐는뷰 내에서 비지니스 로직과 뷰 상태관리를 위한프로퍼티들을 뷰모델로 분리하는 과정이고그 과정이 MVVM형태를 ..
[Swift-TIL] SwiftUI의 Property Wrappers
댓글수 · 2025.08.13
SwiftUI를 다루기 위해서는 SwiftUI의 Property Wrappers는 무엇인지정확하게 알고 짚고 넘어가야 한다. SwiftUI사용하게 되면, 필수적으로 접하고사용하게 될 부분이기도 하기 때문이다. Property WrappersSwift 자체에서 특정한 기능이나 패턴 등이러한 것들을 재사용하기 위해서 속성 즉, 프로퍼티에 적용할 수 있는사용자 정의 속성 modifier 라고간단하게 이야기 할 수 있겠다. SwiftUI에서 Property Wrappers들이어떤 기능을 해주고 어떻게 유용한가?[ Property Wrappers ]@State@BindingObservableObject@Published@ObservedObject@StateObject@Environment@EnvironmentOb..
[Swift-TIL] SwiftUI의 View Layout 결정 원리
댓글수 5 · 2025.08.09
UIKit은 Auto Layout이 있는데 반면,SwiftUI의 경우는 Auto Layout 시스템을직접적으로 사용하지 않고차체 레이아웃 시스템을 가지고 있다.이는 선언형 패러다임에 맞게설계가 된 것이다. struct ContentView: View { var body: some View { Text("Hello world!") •padding(20) .background(Color.red) }}SwiftUI의 경우는 이런식으로단순한 텍스트에 패딩값과 백그라운드(배경)값을Modifier로 붙어서 지정되어 있음을 알 수 있다. 구조상으로 보면 Root View가 있고,그 안에 텍스트를 감싸는 Content View가 있다.여기까지는 단순히 겉과 속의 관계라고 보면 되는데 SwiftUI에서 중요한 건, ..
[Swift-TIL] HIG 어떻게 읽어야 하며 어떻게 공부하는가?
댓글수 2 · 2025.08.09
HIG를 공부할 때 정해져있는공부기법은 없다. 하지만기본적으로 가이드라인을 많이 읽어보고그에 맞게 한번씩 구현해보면 된다. https://developer.apple.com/kr/design/human-interface-guidelines/ 휴먼 인터페이스 가이드라인(HIG) | Apple Developer DocumentationHIG는 모든 Apple 플랫폼에서 탁월한 경험을 제공할 수 있도록 도움을 주는 지침과 모범 사례를 포함합니다.developer.apple.com인터넷에 HIG를 검색하게 되면위 사이트를 볼 수 있는데사이트에서는 여러형태의가이드라인을 확인해 볼 수 있다.사람들은 언제 어디서나 이동 중에도 iPhone을 통해 연결을 유지하고, 게임을 하고, 미디어를 보고, 작업을 완료하고, 개인..
[Swift-TIL] HIG는 무엇이며 왜 읽어야 하는가?
댓글수 6 · 2025.08.09
HIG(히그)에 대해서 배운걸 정리해보겠다.먼저 HIG는 무엇인가? HIG = Human Interface Guidelines(휴먼 인터페이스 가이드라인)즉, 사람의 인퍼테이스에 대한가이드라인을 말한다. 근데, 감이 잘 오지 않는 이유는이 단어에 대해서 정확하게생각해본적이 없기 때문이다. 인터페이스 하면 평범하게생각해볼 수 있는건 조이스틱이다.어떠한 기계의 사람이입력을 할 때 사용하는것뿐만, 아니라 무언가 소통을 하는데에서필요한 도구가 인터페이스 이다. 누군가에게 명령을 하기 위해 쓰이는인터페이스는 또 무엇이 있을까?키오스크가 있다. 키오스크를 통해서 고객이캐셔에게 '이 메뉴 주세요~' 하는그 사이가 바로 인터페이스라는 것이다. 어떠한 입력 버튼을 통해명령을 하달하고 그 입력 받은 명령대로전달하는 그런 ..
[Swift-TIL] NavigationController가 있는 맛보기 앱 만들어보기
댓글수 3 · 2025.08.09
간단하게 지금까지 배운 내용으로만으로네비게이션이 있는 앱 하나를 만들어보려고 한다. 기초적으로 이런 앱을 만들기 위해서는기본적 디자인이라는게 필요한데,개발단위에서는 디자인을 구상하기보단우선적으로 무엇을 어떻게 왜를 구상을 해야한다. 목적과 방향성 그리고 이런게 있으면 좋겠다~ 라는그런 일반적인 흥미를 열어두고간단하게 기획이라는 것을 해보면,일단, 필자는 탭을 3개는 가지고 가고 싶다는 생각이 있다.이렇게 탭바 3개를 연결해서 만들어 두었다.대강 위에서 아래로 첫번째부터Todo리스트탭 / 홈탭 / 프로필 탭이렇게 만들어볼 예정이다.으음... 대충..위 / 양옆을 20씩 여백을 설정해주면이렇게 위치가 정확하게 잡힌다.이미지뷰도 대충 가운데 두고위 / 양옆으로 여백을 잡아주겠다.이렇게 뜰텐데 빨간색으로 표시가..
[Swift-TIL] segue로 데이터 전달해보기
댓글수 2 · 2025.08.06
segue? 세그? 세규?사람마다 부르는건 다 다르지만필자는 세그로 부르기로 했다. segue 얘는 뷰컨트롤러 간에 데이터를 전달해주는 방법? 이라기 보다는 뷰 컨트롤러 간의 관계이고,그 사이에서 데이터를 전달할 수 있는 방법이다.대충 예를 들어보자면,두개의 뷰 컨트롤러가 있다고 가정해본다면,초록색 뷰 컨트롤러에서 입력을 하나 받는다고 치면오른쪽 파란색 뷰 컨트롤러에서도 그 데이터가 필요한데이 같은 데이터를 두번 만들 필요가 없는것.쉽게 생각해서 전달해준다는개념을 설명하는 것이다. 초록색 뷰 컨트롤러에 있는 데이터를파란색 뷰 컨트롤러에 전달해준다.라는 방법인것이다. 이를 어떻게 전달해주는가?segue를 통하여 전달해주는 것이다. 새로운 단어가 등장할 것인데identifier(아이덴티파이어), destin..
[Swift-TIL] TabBarController 알아보기
댓글수 2 · 2025.08.06
TabBarController 간단하게 그림으로 설명하면이런것들을 탭바 컨트롤러에서정의해줄 수 있다. 근데, 이게 해보니까 작업이상당히 귀찮고 번거롭다. 먼저, 뷰 컨트롤러를 하나 생성하고 Embed In 으로TabBarController를 인입해준다.배경색도 줘서 실행을 해본다면아래와 같이 확인할 수 있다.음.. 글자는 잘 나오는 것같은데,이미지가 없으니 이미지도 입혀줬더니 정상으로 노출되는 걸 확인할 수 있었다.인스펙터에서 잘보면은 tab bar 아이템 / bar 아이템 중bar 아이템을 설정하게 된다면보여지는 영역이 바뀌게 되는 걸 알 수 있었다. 새로운 탭바를 만들기 위해서다시한번 뷰 컨트롤러를 만들고컨트롤 + 드래그로 연결해줬다. 스토리보드가 굉장히 직관적이긴 하다.잘 못쓰게 되면 복잡해져서 어..
1 2 3 4 ··· 26

티스토리툴바