To think out of the box

Develop/Swift (26)

Socket.iO comunication between iOS app and nodeJS

Develop/Swift 퓨림노 2020. 11. 29. 09:00

photo by vbflash Introduction 이번 포스팅은 길었던 iOS chatting App UI를 마치고, 본적격으로 socket.iO를 이용하여 통신을 주고 받는 방법에 대해 알아보도록 하겠습니다. 이것저것 테스트를 많이하다보니, 소스코드가 많아져 혼란스러운 부분이 있어 포스팅에 해가가지 않을까 했지만 다행히 소스코드를 백업 해둬서 이렇게 글을 쓸 수 있네요. 블로그 쓰는 시점에 macOS Big sur 가 업데이트 되고 있는데, 향후 작업하시는 부분에 있어 문제가 되지 않을까도 걱정됩니다. 하지만, 발생하는 오류가 있으시면 댓글 달아주세요! 현재 작업 중인 부분에 대해서는 질답이 가능하니깐요...!! 그럼 socket.io를 이용한 통신방법에 대해 알아볼까요? socket.io base..

SwiftUI (기존/예정) 포스팅 리스트 정리 편

Develop/Swift 퓨림노 2020. 11. 26. 09:00

(사진설명 : 자작 십자수 + 카카오 피규어 + 캘리그라피 ) by 퓨림노 Introduction SwiftUI 포스팅에 이어 어떤 내용들로 지속적인 포스팅을 다룰지 정리하기위해 블로그 포스팅을 하려 합니다. 먼저 지난 포스팅의 내역들을 정리하고, 앞으로 해야하는 일들을 정리하고자 합니다. 그리고 누락된 건도 있고, 추가로 필요한 것들이 있을거라 생각됩니다. 만들기 시작했으니, 완성도를 올려서 끝이날때까지 포스팅을 해야하지 않을까요? 끝은 수익이 나고, 추가 업데이트가 되고…그래도 계속 이후의 이야기들을 계속 정리할 예정이니 네버 엔딩스토리로 ㅎㅎ가겠죠? 지난 포스팅 내역 정리 먼저 지난 포스팅 내역을 정리해보도록 하겠습니다. SwiftUI에 대한 내용과 nodeJS서버 설정 등등 포스팅이 조금 흩어져있..

SwiftUI @State @Binding 초기화 파라미터 전달 방법 및 navigationBar 및 TabView 사용시 문제점 해결방법

Develop/Swift 퓨림노 2020. 11. 24. 09:00

(메인 사진으로 계속 동일한 SwiftUI를 하는 것 같아 직찍/직적 한 사진으로 업로드합니다.) - 직접찍고, 직접 적은.. Introduction 이번 포스팅은 SwiftUI를 이용하여 개발하면서 꼭 필요한 부분으로 @State, @Binding 을 이용하여 화면UI의 값을 전달하는 방법을 알아보도록 하겠습니다. 그 외에도 여러가지 Property가 있으니 더 자세한 내용은 도서 혹은 온라인 검색을 하여 찾아보시기 바랍니다. @State, @Binding SwiftUI를 이용하여 화면UI의 이동 등을 통해 값이 갱신되기도 합니다. 사용용도는 상위 뷰(A)의 값에 따라 하위 뷰(B)의 모양등이 변할 때 사용합니다. 설명보다는 코드가 조금 더 유용하겠죠? (코드는 잠시 후) 예제로는 제가 블로그로에 포스..

Swift 개발을 위한 라이브러리 추천

Develop/Swift 퓨림노 2020. 11. 23. 09:00

Introduction SwiftUI를 공부하면서, 조금 더 편리하게, 조금 더 유용한 라이브러리가 있지 않을까? 생각하여 검색을 조금 해보았습니다. 현재 블로그를 포스팅 하는 시점에서는 해당 블로그가 폐쇄되었는지 접속이 되지 않네요.(레퍼런스 링크를 추가하지 못하였습니다.) 그래서 구글링을 통해 조금 더 필요한 라이브러리를 찾아서 추가합니다. 검색된 라이브러리만 해도 방대한데, 일일이 확인해보고 쓰려면 시간이 조금 걸리겠죠? 포스팅으로 정리하는 라이브러리는 조금 더 검증 및 사용해보고 업로드를 하도록 하겠습니다. 블로그 포스팅을 하지만, 아래 작성한 자료들을 직접 사용해보지는 못했습니다. 메모를 해두고, 하나씩 필요에 따라 사용할 수 있도록 정리를 할 예정입니다. 언제나 그럿듯 재미 있는건 공유해야죠?..

SwiftUI 채팅앱 만들기 마무리편

Develop/Swift 퓨림노 2020. 11. 21. 09:00

Introduction 이번 포스팅은 앞서 만들었던 채팅로그인, 프로필, 채팅리스트, 친구목록, 채팅UI 화면들을 연동하는 작업을 수행하려고 합니다. 포스팅에 앞서 조금 걱정인 부분은 각 파트별로 혼선이 생기지 않도록 별도로 작업을 해두었는데, 결국 통합하는 과정을 한번 더 거쳐야 한다는 것이네요. 현재 블로그와 다르게 개발 진행이 많이 되어 새로 만들면서 포스팅하려는게 걱정이네요^^; 그래도 인터페이스부분만 다시하는거라 어렵지 않으니 새로 만들면서 블로그로 정리를 해둬야겠네요~^^ 앞서 포스팅한 내용을 가지고, 하나의 프로젝트에 추가하여 계속 만들고 따라오시죠? 이번에는 신규 프로젝트를 생성하여 View전환관련된 내용만 정리하도록 하겠습니다. 설명에 있어 전체적인 코드를(?) 추가하지 않기 때문에 필요..

SwiftUI로 채팅UI 화면 만들기

Develop/Swift 퓨림노 2020. 11. 20. 09:00

Introduction 이번 포스팅은 기기에서 테스트를 하며 개발을 해야합니다. 그 이유는 물리적인 키보드를 이용하기 때문인데, 해당 인터페이스를 개발하고나서 직접 사용하려보면 키보드가 화면을 가려 입력되는 화면을 볼 수 없기 때문입니다. 간혹가다가 그런 어플들이 있지 않던가요? 이번 포스팅은 단순히 채팅UI만을 구성하지만, 키보드입력까지는 고려하지 않았습니다. 키보드입력관련해서는 필요에 따라 추가 포스팅을 할테니 추가자료를 검토해주시기 바랍니다. 그럼 천천히 채팅UI를 만들어 볼까요? SwiftUI로 채팅UI 화면 만들기 프롤로그 Balsamiq Mockups을 이용해서 간략하게 만들었는데, 복잡해보이네요…그래도 하나씩 정리를 해봅시다.! #무엇이 필요할까? Image Text Field Text Ic..

SwiftUI로 채팅 리스트 화면 만들기

Develop/Swift 퓨림노 2020. 11. 19. 09:00

Introduction 이번 포스팅이 첫 페이지 라면, 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. 그리고 순차적으로 따라와서 해보시길 권합니다. 이번 포스팅에서 다뤄지는 내용은 바로 이전 포스팅 “친구목록 화면 만들기” 와 인터페이스가 동일합니다. 그래서 만들기가 조금 더 간편할 것 같죠? ^^ 하지만 몇가지 숨겨진 함정이 있긴하지만, 그래도 화면 인터페이스부터 먼저 만들도록 하겠습니다. #무엇이 필요할까? Text system Icon Image ScrollView NavigationView VStack, HStack 아이콘(?) Apple SF simbols app for macOS를 이용한 시스템 아이콘 이용하기 먼저 본 포스팅에서 사용하기 위한 [종소리][핀][채..

SwiftUI로 친구목록 화면 만들기

Develop/Swift 퓨림노 2020. 11. 18. 09:00

Introduction 두번째 포스팅에서는 SwiftUI를 이용하여 친구목록 화면을 만들어려고 합니다. 앞서 포스팅한 채팅 로그인화면은 보지 않더라도 처음 접하시는 분들은 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. SwiftUI로 친구목록 화면 만들기 프롤로그 Balsamiq Mockups를 이용하여 친구목록화면UI를 위와 같이 구성을 해보았습니다. 상위 화면 중 이름 우측편은 아이콘으로 변경하여 만들도록 하겠습니다. 참고: Balsamiq Mockups는 위 연결된 링크를 따라 들어가서 다운받아 Win/Mac에서 사용할 수 있습니다. #무엇이 필요할까? 앞서 포스팅한 채팅 로그인화면과 유사하여 조금씩 수정하여 만드시면 됩니다. 그리고 반복되는 UI를 나타내기 위해 또 ..

SwiftUI로 프로필 화면 만들기

Develop/Swift 퓨림노 2020. 11. 17. 09:00

Introduction 이번 포스팅은 지난번 만들었던 로그인 화면 만들기에 이어 계속 포스팅 하도록 하겠습니다. 아직은 swiftUI를 이용하여 만들 예정이기때문에 내부에 저장관련기능 및 내부 기능연결 등 부분들은 추후에 다듬어 포스팅 할 예정이니 기다려주시기 바랍니다. :) SwiftUI로 프로필 화면 만들기 프롤로그 Balsamiq Mockups를 이용하여 채팅화면UI를 위와 같이 구성을 해보았습니다.기존에 나와있는 카카오와 유사하게 구성하였습니다. 만들어진 결과물은 상위 그림과 다르지만, 기본 툴은 설정하고 진행하시는게 좋겠죠? #무엇이 필요할까? 이번에도 만들기 전 무엇이 필요할지 고민해볼까요? CheckList Image 상단 프로필 및 하단 아이콘 이미지 추가 추가된 이미지의 모양 변경(두근 ..

SwiftUI로 채팅 로그인화면 만들기

Develop/Swift 퓨림노 2020. 11. 11. 09:00

Introduction SwiftUI를 시작하기위해서는 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. 이후의 포스팅에서는 SwiftUI코드와 결과화면에 집중하여 포스팅을 진행합니다. 블로그의 포스팅을 보다가 궁금하신 부분들은 댓글로 알려주시면 시간이 날 때, 포스팅에 추가 업데이트 하도록 하겠습니다. SwiftUI 채팅 로그인 화면만들기 프롤로그 #결과화면 만들어보기 Balsamiq Mockups를 이용하여 채팅화면UI를 위와 같이 구성을 해보았습니다. 대부분의 채팅App화면과 유사하게 구성을 하였습니다. 참고로, 기능 구현은 최종 채팅 App 화면UI를 완료 후 개발진행하려고 합니다. 그리고 개발이 완료 된 이후에 포스팅을 이어서 진행예정으로 시간이 다소소요됨을 미리 이야..

SwiftUI기반 App 프롤로그

Develop/Swift 퓨림노 2020. 11. 10. 09:00

Introduction 이번 포스팅은 SwiftUI를 이용하여 하나의 App을 만들어보려고 합니다. 블로그에 공개하는 App은 네트워크를 공부하면 가장 먼저 하는 채팅 App 입니다. 채팅을 통해 패킷(packet)을 구현하여 데이터를 주고 받는 모듈을 구현합니다. 그리고 구현된 모듈로부터 추가적인 기능들을 하나씩 추가 할 예정입니다. 향후 포스팅에 대한 리스트를 작성하면 다음과 같습니다. 가장먼저 화면 UI에 대해 먼저 포스팅 하려 합니다. 기본적인 화면UI는 다음과 같습니다. # Posting List for SwiftUI 로그인 화면 프로필 화면 친구목록 채팅 리스트 화면 채팅 UI 화면 설정 App의 전체적인 연동 part - Navigation, TabView 화면 UI가 끝이나면 cocoapo..

SwiftUI에서 Socket Library 사용하기

Develop/Swift 퓨림노 2020. 11. 9. 09:00

Introduction 이번 포스팅은 Socket을 이용하는 방법에 대해 작성합니다. 네트워크 연결을 위해 socket.io 및 기타 다른 라이브러리도 많이 있지만, 기존에 개발된 모듈들이 대부분 TCP/UDP socket으로 구현되어 있습니다. 이를 위해, 동일한 모듈을 이용하여 개발을 하는 것지 좋지 않을까 생각되어 개발을 시작하였죠. 다른 포스팅에 작성하겠지만, 한글이 들어간 packet에 대해서는 전달이 불분명하게 되어있어, 더 이상 사용하지 않는 것이 좋다고 생각합니다. 대신, socket.io를 이용할 경우 데이터를 주고 받는 부분에는 문제가 없습으니 참고 바랍니다. 포스팅은 그외, 게임등 다른 이유로 필요한 분들이 계시지 않을까 싶어 포스팅 해두려고 합니다. 그럼하나씩 살펴보도록 할까요? S..

SwiftUI UserNotifications Library

Develop/Swift 퓨림노 2020. 11. 6. 09:00

Introduction 이전 포스팅 내용에 이어 SwiftUI를 이용하여 UserNotification 라이브러리와 관련된 내용을 포스팅하려합니다. 이번 포스팅은 Notification Library를 만들까? 혹은 cocoapods을 이용하여 라이브러리를 사용할까? 고민을 하다 라이브러리를 사용하는 방법에 대해 설명하고자 합니다. 사용하는 라이브러리는 DLLocalNotifications 라이브러리를 사용합니다. 이후에 필요한 부분은 직접 구현해서 사용하시면 됩니다. DLLocalNotifications Download & Install DLLocalNotifications에 접속하면 cocoapods을 이용하여 설치하는 방법이 나와 있습니다. cocoapods을 이용하는 방법은 이전 포스팅을 확인 해..

SwiftUI UserNotifications 만들기

Develop/Swift 퓨림노 2020. 11. 5. 09:00

(Image Ref: Local Notifications in Swift 5 and iOS 13 with UNUSerNotificationCenter) Introduction 이번포스팅은 메인 이미지와 같이 iOS App을 이용할 때, 특정 시간, 혹은 특정 조건을 만족할 때 사용자에게 알려주는 알림메시지 구현방법에 대해 알아보려고 합니다. 알림 메시지는 특정 시간이 경과 후, 특정 일자 및 시간, 특정 위치에 대해 in/out 할때 등의 조건들이 있습니다. 본 포스팅은 가장 먼저 사용자 알림설정을 위해 권한설정을 살펴보고, UserNotification 예제를 살펴보도록 하겠습니다. 그리고 기본 소스코드에서 트리거(Trigger)만 변경하여 알림 설정 하는 방법을 알아보도록 하겠습니다. 권한 설정 No..

Copyright © To think out of the box All Rights Reserved
Designed by JB FACTORY

티스토리툴바