iOS/SwiftUI 썸네일형 리스트형 [SwiftUI] iOS에서 MQTT 통신 구현하기 오늘은 제가 iOS에서 MQTT 통신 연결에 대해서 설명하려고 합니다.일단 MQTT 통신을 사용한 이유에 대해서 설명할게요! 졸업전시에서 미디어아트를 만드는데 아두이노와 iOS 앱 사이에서 통신이 필요했어요.아두이노의 실시간 좌표값을 iOS 앱에서 받아야 했기 때문이죠. 그래서 제일 유명한 방법 중에 하나인 Firebase Realtime database 를 사용했는데.... ❌이게 데이터 전달에서 1~2초 정도의 딜레이가 있어서.. 이 방법을 포기하고 MQTT를 구현하기 시작했다. MQTT 장점1. 별다른 장치가 필요없다.2. 실시간 통신이 가능하다. (딜레이가 X) 먼저 MQTT란?MQTT(Message Queuing Telemetry Transport)는 클라이언트에서 메시지를 발행(Publish).. 더보기 [SwiftUI] SF Symbols 색상 바꿔서 사용하기 오늘은 SwiftUI에서 SF Symbols 사용 방법과 아이콘 색상을 변경하는 방법에 대해서 살펴볼 예정입니다.먼저 SF Symbols 란?공식 문서: https://developer.apple.com/sf-symbols/ SF Symbols - Apple DeveloperWith over 6,000 symbols, SF Symbols is a library of iconography designed to integrate seamlessly with San Francisco, the system font for Apple platforms.developer.apple.com 공식문서에 적혀 있듯이 Apple 플랫폼의 시스템 서체인 San Francisco와 매끄럽게 통합되도록 설계된 6,000개가 넘.. 더보기 [SwiftUI] Offset vs Position (+ Padding) 오늘은 SwiftUI에서 Layout과 관련이 있는 메서드에 대해서 살펴볼 예정입니다.offset 이란?(공식 문서)공식 문서의 정의를 해석해보면 "지정된 수평 및 수직 거리로 이 뷰를 오프셋합니다." 음... 뭔 말인지 모르겠어서 🤷Discussion을 읽어보았습니다.➡️ x 및 y 매개변수에 지정된 양만큼 표시된 내용을 이동하려면 offset을 사용한다고 적혀있습니다.그래서 위에 사진 예시처럼 원래 Text가 있어야하는 자리에서부터 x로 20만큼, y로 50만큼 떨어져 실제 텍스트가 위치하는 것을 확인할 수 있습니다. 따라서 offset은 자신의 원래 위치에서 상대적으로 위치를 설정할 때 사용하는 메서드입니다.position 이란?(공식 문서)공식 문서에는 "부모 좌표 공간의 지정된 좌표에 이 뷰의.. 더보기 [SwiftUI] Image: 이미지 사용하기 오늘은 SwiftUI에서 이미지를 넣는 방법에 대해서 설명하겠습니다. (with. documentation) Image 기본기본적으로, 이미지 파일을 화면에 띄우려면 이렇게 코드를 작성하면 됩니다.Image("image-name") iOS 17부터는 이미지 리소스를 자동으로 static property로 생성합니다.그래서 이미지 이름을 string으로 넘기지 않고 다음처럼 코드를 작성할 수 있습니다.Image(.imageName) 만약 아이폰 기본 아이콘(=SF Synbols)를 사용하고 싶다면 다음과 같이 하면 됩니다.Image(systemName: "heart.fill") .foregroundStyle(.white)만약 아이콘의 색상을 바꾸고 싶다면?foregroundStyle을 사용해서 색상을 바꿔.. 더보기 이전 1 다음
