SwiftUI Tutorial

이번에는 MapKit을 사용해서 이런 화면을 만들어 볼 거에요! 전에 만들어뒀던 ContentView와 CircleImage를 사용하면 되겠다는 생각이 벌써부터 막 듭니다 ㅎ 먼저, MapKit 먼저 갈게요 [ MapKit ] 설명을 보면 SwiftUI에서는 Map을 마커나 어노테이션, 커스텀 요소들과 함께 보여줄 수 있다고 합니다. 사용자의 위치나 동선등을 옵션으로 보여줄 수 있다고도 합니다. 여기서는 그런게 있다고만 알고 넘어가고 또 마커를 이용한 기능을 개발할 때 더 자세히 다뤄보겠습니다. 우리는 MapKit을 사용한 MapView를 따로 컴포넌트로 빼줄 겁니다. 그러기 위해서 SwiftUI VIew 파일을 새로 하나 생성해주고, MapKit을 import 해 줍니다. import SwiftUI i..

이번에는 커스텀 이미지뷰를 만들건데, 재사용 가능하도록 컴포넌트화 시켜서 만들어 보겠습니다! [ SwiftUI View 생성] 새로운 swiftUI파일을 생성해줍니다. 우리는 Circle Image 를 커스텀 할 것이기 때문에 이름은 CircleImage.swift로 하겠습니다! [ 이미지 추가 ] Assets에 사용할 이미지를 추가해줄게요! 저는 turtlerock.jpg를 넣어줬습니다. [ Shape ] Image()를 사용하고 그 밑에 Modifier를 사용해서 모양과 border를 추가해주겠습니다. .clipShape() 를 사용해서 Circle()을 파라미터로 넣어주면 동그란 이미지가 나옵니다! [ Overlay ] 원을 하나 더 만든 다음 오버레이로 추가합니다. 이미지의 테두리를 부여할 수 있..

View를 생성할때 Stack 은 필수요소입니다 튜토리얼에서 간단하게 뷰를 사용하는 방법을 소개할게요! 애플 공식사이트 Tutorial 에서는 Landmark를 소개하는 앱을 만드는 것을 목표로 하고 있어요! 먼저, SwiftUI 에서 사용하는 Stack 에는 HStack과 VStack 이 있어요! ZStack이라는 것도 있는데 이건 나중에 다시 설명할게요! 이름에서부터 알 수 있듯이, HStack은 Horizontal, VStack은 Vertical 입니다! 최종적으로 이런 모습으로 만들거에요! 사용하는 방법으로는 감싸고 싶은 컴포넌트를 오른쪽 탭하게 되면 해당 컴포넌트를 Stack으로 감쌀 수 있습니다! 그렇지만 실제로 코딩하다보면 이런방식은 사용하지 않으니 참고로만 알고 계세요! Stack을 적용하..

SwiftUI 에서 textView를 커스터마이즈 하는 방법을 알아봅시다! 코드로 커스터마이징 기존에 이렇게 있었던 텍스트에 font와 color를 더해줄 겁니다! foregroundColor는 deperecated됐다고 하니 .foregroundStyle(.green)로 대체해주면 될 것 같습니다! Inspector로 커스터마이징하기 애플 튜토리얼에 따르면 꼭 스토리보드처럼 정해진 속성들을 보면서 수정할 수 있는 기능이 있다고 합니다! 그 중 첫 번째는 프리뷰 왼쪽 하단에 있는 버튼중 요 파란색 선택된 화살표놈을 선택하고 command + control을 누른 채로 원하는 컴포넌트를 클릭하면 저렇게 팝업이 뜨고요, 첫번째 항목을 선택해주면 세 번째 사진처럼 Text에 대한 속성을 수정할 수 있는 창이 ..