'Coding/스위프트 UI' 카테고리의 글 목록

Coding/스위프트 UI (5)

[ Swift UI 강좌 ] 5. 스위프트 iOS - 날씨정보 뷰 만들기

Coding/스위프트 UI 코딩 알고리즘 2021. 2. 11. 16:14

오늘은 지난 시간에 이어서 스위프트 UI를 이용해 간단한 화면 구성을 해보겠습니다. Swift 나 오토레이아웃(AutoLayout) 으로 디자인하는 것보다 훨씬 간단합니다. 만약 오토레이아웃을 사용해본 적이 있다면 스택 뷰(StackView)를 사용해 봤을 텐데요. 스택뷰만 잘 이해하고 있다면 조금 쉬울 수 있습니다. Swift UI의 장점은 아무래도 코드를 재사용하기 쉽다는 것과 Github를 이용해서 다른 사람과 서로 충돌 없이 작업할 수 있어서 좋을 것 같습니다. 그럼 간단하게 지금까지 배운 지식으로 날씨 정보 뷰를 만들어 보겠습니다. 프로젝트 생성 ▼ 1. Weather 라는 iOS SingleView Project를 만들겠습니다. 언어는 Swift로 설정합니다. ▼ 2. 기존 코드 위에 새로 W..

[ Swift UI 강좌 ] 4. 스위프트 iOS - 테이블 뷰 만들기

Coding/스위프트 UI 코딩 알고리즘 2021. 2. 6. 18:14

Swift UI에서는 TableView는 어떻게 표현하는지 궁금해서 검색해보니 실제 테이블 뷰가 아니라 List라는 것을 사용하더군요. 사용법은 아주 간단합니다. 오히려 테이블 뷰를 사용하는게 민망할 정도로 쉽더군요. 테이블 뷰 델리게이터 이런거 필요 없습니다. 프로젝트 생성 ▼ 1. PlayList 라는 프로젝트를 하나 만듭니다. Swift UI, SwiftUI App, 언어는 Swift로 설정합니다. ▼ 2. 기존의 있는 기본 텍스트를 지우고 List() 를 하나 추가합니다. 정적으로 아이템을 계속 추가할 수 있습니다. 마치 테이블 뷰에 Static Cell 같습니다. List(data.tracks) { track in Text("1") Text("2") Text("3") Text("4") Text(..

[ Swift UI 강좌 ] 3. 스위프트 iOS - @State 속성 @Binding 속성

Coding/스위프트 UI 코딩 알고리즘 2021. 2. 5. 17:31

스위프트 UI 에서 @State와 @Binding 이라는 어노테이션이 있습니다. 아직 정확히 이해한 것은 아니지만 Rx의 바인딩과 비슷한 것 같습니다. 일단 화면을 구성해서 어떻게 사용하는지를 정리하고 나중에 해당 속성에 대해서 따로 포스팅 하겠습니다. 이번 프로젝트 예제는 iOS 앱을 보고 macOS 에서도 구현이 가능할 수도 있겠다고 생각해서 해봤는데 역시 잘 됩니다. 스위프트 UI 좋네요. 아무튼 정리하는 차원에서 간단한 예제를 만들어 보겠습니다. ▼ 1. 프로젝트를 생성합니다. State And Binding 이라고 선택해서 만듭니다. iPhone 앱이든 mac 앱이든 상관 없습니다. 저는 mac 용앱으로 만들겠습니다. ▼ 2. mood 라는 enum 값을 생성합니다. happy, sad, ups..

[ Swift UI 강좌 ] 2. 스위프트 iOS - 네비게이션 이동하기

Coding/스위프트 UI 코딩 알고리즘 2021. 2. 3. 14:33

이번에는 스위프트 UI를 통해서 네비게이션 컨트롤러?는 아니고 네비게이션 뷰를 만들어보겠습니다. 저도 좀 생소하긴 한데요. 스위프트 UI는 별도로 컨트롤러가 없는 것 같습니다. 물론 더 공부해봐야 알겠지만 네비게이션 컨트롤러도 뷰로 표현하는 것 같군요. 일단 네비게이션은 iOS에서 매우 중요하기 때문에 네비게이션 뷰를 통해서 간단하게 화면 전환하는 방법을 알아보겠습니다. 저번 강좌에서 간단한 버튼 이벤트를 만들어봤습니다. 필요하시면 참고하시길 바랍니다. tttap.tistory.com/106 [ Swift UI 강좌 ] 1. 스위프트 iOS - 버튼 이벤트 만들기 스위프트 UI 가 나온지 벌써 1년이 넘어갑니다. 계속 스위프트와 오토레이아웃으로 업무를 하다보니까 배울 시간이 없었는데요. 이제 조금씩 배워..

[ Swift UI 강좌 ] 1. 스위프트 iOS - 버튼 이벤트 만들기

Coding/스위프트 UI 코딩 알고리즘 2021. 1. 22. 11:28

스위프트 UI 가 나온지 벌써 1년이 넘어갑니다. 계속 스위프트와 오토레이아웃으로 업무를 하다보니까 배울 시간이 없었는데요. 이제 조금씩 배워보려고합니다. 개인 정리차 오늘 부터 계속 스위프트 UI를 공부하여 블로그에 올려보려고 합니다. 아이폰 개발은 오브젝티브 - C 의 처참한 개발 환경부터 인터페이스 빌더 그리고 오토레이아웃과 스토리보드까지 iOS 개발툴인 Xcode 는 정말 많은 변화가 있었습니다. 정말 빠르게 변하기 때문에 잘 주류를 잘 따라가야 하겠습니다. 오늘은 간단하개 Swift UI 프로젝트를 만들어서 버튼 이벤트를 주는 것 까지 해볼게요. 프로젝트 생성 1. 먼저 프로젝트를 하나 만듭니다. Single View App 프로젝트이며 다음 버튼을 눌러줍니다. 2. SwiftUITest 라고 ..

1

Copyright © TAP 소프트 All Rights Reserved

Designed by JB FACTORY

티스토리툴바