Skip to content

MoSonLee/SwiftUI

Repository files navigation

swiftUI

MyAssets app 구현

➡️ swiftUI를 사용하여 구현
➡️ preview를 보며 코드가 바로바로 구현되는 것을 볼 수 있음
➡️ body에 VStack, HStack을 사용하여 구현
➡️ JSon 파일을 decoing해 데이터를 받아옴
➡️ swift보다 autolayout을 잡는 것이 훨씬 편함.
➡️ 선언적 접근 방식을 사용하는 언어다 보니 직접 구현할 것이 훨씬 적고 코드 세분화가 잘됨

📲 실행 화면
Simulator Screen Recording - iPhone 11 - 2022-03-25 at 21 53 03

Cafe app 구현

➡️ swiftUi를 사용하여 뷰를 구현
➡️ combine으로 데이터를 처리해 새로고침 버튼을 눌렀을 때 화면이 인덱스 값이 랜덤하게 바뀌게 구현
➡️ Vstack, HStack, list, LaztHStack 등 사용
➡️ Observable, Observed, Binding, state 등 combine의 문법을 사용하여 데이터를 처리해줌
➡️ navigationView를 사용하여 title을 지정
➡️ 설정 탭을 눌렀을 때 설정으로, 거기서 또 navigation button을 누르면 내 정보를 띄워줌

📲 실행 화면

Simulator Screen Recording - iPhone 11 - 2022-04-01 at 02 41 26

Corona19 app 구현

  • swiftUi를 사용하여 뷰를 구현
  • Grid, list,VStack, HStack 모두 사용
  • Json 파일을 combine을 사용하여 디코딩, 인코딩 시킴

📲 실행 화면
Simulator Screen Recording - iPhone 11 - 2022-04-04 at 22 33 50

SwiftUI_memoApp 구현

  • swiftUI를 사용하여 view를 구현
  • swiftui의 다양한 modifier를 이용해봄
  • state, enviromentobject 등등
  • navigationView를 사용하여 화면 전환
  • onAppear, onDisapper를 사용하여 화면이 생길 때, 혹은 사라질 때 코드 구현
  • 삭제, 추가, 편집 기능을 모두 구현(프로젝트에서 많이 쓰일듯)
  • 아직 enviromentobject는 어렵다 -> 더 공부해야함!

📲 실행 화면
Simulator Screen Recording - iPhone 11 - 2022-04-06 at 19 28 59

SwiftUI

  • swiftUI는 사용자 interface에 대한 선언적 접근 방식을 사용한다.

image

  • 뷰를 작성할때 차이

  • swift image

  • swiftUI image

  • 훨씬 더 간단하게 코드를 구현할 수 있다.

  • 긴딘하게 뷰만 추가해봐도 선언적 접근, 명령적 접근의 차이를 느낄 수 있다.

CaseIterable

  • CaseIterable을 사용하면 enum을 array로 손쉽게 바꿔줄 수 있다.

swiftui에서 backgroundColor 바꿔주기

image

  • 위의 코드처럼 init을 열어서 설정 해줘야 한다.

constant

  • 변경할 수 없는 값을 binding으로 만들어준다.
    image
    image

swiftUi에서 View가 생길 때 혹은 사라질때 코드 구현

  • onAppear: 뷰가 생길때 코드를 구현할 때
  • onDisappear: 뷰가 사라질때 코드를 구현할 때

About

⭐️SwiftUI Study🍎

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published