Introduction 이번 포스팅은 앞서 만들었던 채팅로그인, 프로필, 채팅리스트, 친구목록, 채팅UI 화면들을 연동하는 작업을 수행하려고 합니다. 포스팅에 앞서 조금 걱정인 부분은 각 파트별로 혼선이 생기지 않도록 별도로 작업을 해두었는데, 결국 통합하는 과정을 한번 더 거쳐야 한다는 것이네요. 현재 블로그와 다르게 개발 진행이 많이 되어 새로 만들면서 포스팅하려는게 걱정이네요^^; 그래도 인터페이스부분만 다시하는거라 어렵지 않으니 새로 만들면서 블로그로 정리를 해둬야겠네요~^^ 앞서 포스팅한 내용을 가지고, 하나의 프로젝트에 추가하여 계속 만들고 따라오시죠? 이번에는 신규 프로젝트를 생성하여 View전환관련된 내용만 정리하도록 하겠습니다. 설명에 있어 전체적인 코드를(?) 추가하지 않기 때문에 필요..
Introduction 두번째 포스팅에서는 SwiftUI를 이용하여 친구목록 화면을 만들어려고 합니다. 앞서 포스팅한 채팅 로그인화면은 보지 않더라도 처음 접하시는 분들은 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. SwiftUI로 친구목록 화면 만들기 프롤로그 Balsamiq Mockups를 이용하여 친구목록화면UI를 위와 같이 구성을 해보았습니다. 상위 화면 중 이름 우측편은 아이콘으로 변경하여 만들도록 하겠습니다. 참고: Balsamiq Mockups는 위 연결된 링크를 따라 들어가서 다운받아 Win/Mac에서 사용할 수 있습니다. #무엇이 필요할까? 앞서 포스팅한 채팅 로그인화면과 유사하여 조금씩 수정하여 만드시면 됩니다. 그리고 반복되는 UI를 나타내기 위해 또 ..
Introduction 이번 포스팅은 지난번 만들었던 로그인 화면 만들기에 이어 계속 포스팅 하도록 하겠습니다. 아직은 swiftUI를 이용하여 만들 예정이기때문에 내부에 저장관련기능 및 내부 기능연결 등 부분들은 추후에 다듬어 포스팅 할 예정이니 기다려주시기 바랍니다. :) SwiftUI로 프로필 화면 만들기 프롤로그 Balsamiq Mockups를 이용하여 채팅화면UI를 위와 같이 구성을 해보았습니다.기존에 나와있는 카카오와 유사하게 구성하였습니다. 만들어진 결과물은 상위 그림과 다르지만, 기본 툴은 설정하고 진행하시는게 좋겠죠? #무엇이 필요할까? 이번에도 만들기 전 무엇이 필요할지 고민해볼까요? CheckList Image 상단 프로필 및 하단 아이콘 이미지 추가 추가된 이미지의 모양 변경(두근 ..
Introduction SwiftUI를 시작하기위해서는 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. 이후의 포스팅에서는 SwiftUI코드와 결과화면에 집중하여 포스팅을 진행합니다. 블로그의 포스팅을 보다가 궁금하신 부분들은 댓글로 알려주시면 시간이 날 때, 포스팅에 추가 업데이트 하도록 하겠습니다. SwiftUI 채팅 로그인 화면만들기 프롤로그 #결과화면 만들어보기 Balsamiq Mockups를 이용하여 채팅화면UI를 위와 같이 구성을 해보았습니다. 대부분의 채팅App화면과 유사하게 구성을 하였습니다. 참고로, 기능 구현은 최종 채팅 App 화면UI를 완료 후 개발진행하려고 합니다. 그리고 개발이 완료 된 이후에 포스팅을 이어서 진행예정으로 시간이 다소소요됨을 미리 이야..
Introduction 이번 포스팅은 SwiftUI를 이용하여 하나의 App을 만들어보려고 합니다. 블로그에 공개하는 App은 네트워크를 공부하면 가장 먼저 하는 채팅 App 입니다. 채팅을 통해 패킷(packet)을 구현하여 데이터를 주고 받는 모듈을 구현합니다. 그리고 구현된 모듈로부터 추가적인 기능들을 하나씩 추가 할 예정입니다. 향후 포스팅에 대한 리스트를 작성하면 다음과 같습니다. 가장먼저 화면 UI에 대해 먼저 포스팅 하려 합니다. 기본적인 화면UI는 다음과 같습니다. # Posting List for SwiftUI 로그인 화면 프로필 화면 친구목록 채팅 리스트 화면 채팅 UI 화면 설정 App의 전체적인 연동 part - Navigation, TabView 화면 UI가 끝이나면 cocoapo..