Introduction 현재 만들고 있는 iOS App을 iphoneX로 올려서 테스트를 진행하려고 하였습니다. 하지만, 하위 그림과 같이 오류가 발생하게 되네요... 결론을 먼저 말씀드리면, Xcode의 버전과 iOS Device 버전이 일치하지 않아 생기는 문제입니다. 즉, Xcode만 최신 업데이트가 되거나 iOS Device만 최신 업데이트되어 개발 Target이 일치하지 않은 것입니다. 오류가 발생하게 된 원인은 macOS 설치 후, App Store로부터 Xcode를 설치할 경우 속도가 느려 Apple Develop페이지에서 직접 다운 받아 설치를 하였습니다. 홈페이지에서 Xcode를 직접 다운 받아 설치한 경우는 자동으로 update가 되지 않기 때문에 발생하게 된 오류 입니다. 해결방법은 ..
Introduction 이번 포스팅은 앞서 만들었던 채팅로그인, 프로필, 채팅리스트, 친구목록, 채팅UI 화면들을 연동하는 작업을 수행하려고 합니다. 포스팅에 앞서 조금 걱정인 부분은 각 파트별로 혼선이 생기지 않도록 별도로 작업을 해두었는데, 결국 통합하는 과정을 한번 더 거쳐야 한다는 것이네요. 현재 블로그와 다르게 개발 진행이 많이 되어 새로 만들면서 포스팅하려는게 걱정이네요^^; 그래도 인터페이스부분만 다시하는거라 어렵지 않으니 새로 만들면서 블로그로 정리를 해둬야겠네요~^^ 앞서 포스팅한 내용을 가지고, 하나의 프로젝트에 추가하여 계속 만들고 따라오시죠? 이번에는 신규 프로젝트를 생성하여 View전환관련된 내용만 정리하도록 하겠습니다. 설명에 있어 전체적인 코드를(?) 추가하지 않기 때문에 필요..
Introduction 이번 포스팅이 첫 페이지 라면, 이전 포스팅(Xcode에서 SwiftUI시작하기)을 확인 해주시기 바랍니다. 그리고 순차적으로 따라와서 해보시길 권합니다. 이번 포스팅에서 다뤄지는 내용은 바로 이전 포스팅 “친구목록 화면 만들기” 와 인터페이스가 동일합니다. 그래서 만들기가 조금 더 간편할 것 같죠? ^^ 하지만 몇가지 숨겨진 함정이 있긴하지만, 그래도 화면 인터페이스부터 먼저 만들도록 하겠습니다. #무엇이 필요할까? Text system Icon Image ScrollView NavigationView VStack, HStack 아이콘(?) Apple SF simbols app for macOS를 이용한 시스템 아이콘 이용하기 먼저 본 포스팅에서 사용하기 위한 [종소리][핀][채..
Introduction 이번 포스팅은 지난번 만들었던 로그인 화면 만들기에 이어 계속 포스팅 하도록 하겠습니다. 아직은 swiftUI를 이용하여 만들 예정이기때문에 내부에 저장관련기능 및 내부 기능연결 등 부분들은 추후에 다듬어 포스팅 할 예정이니 기다려주시기 바랍니다. :) SwiftUI로 프로필 화면 만들기 프롤로그 Balsamiq Mockups를 이용하여 채팅화면UI를 위와 같이 구성을 해보았습니다.기존에 나와있는 카카오와 유사하게 구성하였습니다. 만들어진 결과물은 상위 그림과 다르지만, 기본 툴은 설정하고 진행하시는게 좋겠죠? #무엇이 필요할까? 이번에도 만들기 전 무엇이 필요할지 고민해볼까요? CheckList Image 상단 프로필 및 하단 아이콘 이미지 추가 추가된 이미지의 모양 변경(두근 ..
Introduction 이번에 프로젝트를 이것저것 여러가지를 open하여 개발을 하다보니, 몇몇 오류들을 발견하였습니다. 작업을 하나의 프로젝트만을 이용하여 수행할 경우, 발생한 오류를 금방 찾을 수 있었으나, 여러 프로젝트를 생성 및 오픈하여 개발을 할 때 이런 문제가 발생하여 블로그로 기록을 남기려합니다. Problem & Solved 오류는 다음과 같이 발생하였습니다. Error: projectname.xcodeproj One of the paths in DEVELOPMENT_ASSET_PATHS does not exist: ~/projectname/Preview Content 발생한 이유는 Xcode에서 지정된 폴더를 옮겼을 경우 해당 오류가 발생하게 됩니다. 해결방법은 파일의 위치를 원래대로 돌..
Introduction xcode를 이용하여 개발할 때, pod가 필요합니다. pod를 사용하기위해 pod init 명령 등이 필요합니다. 하지만, 명령을 수행할 경우. 'zsh: command not found: pod’ 오류가 발생하게 됩니다. 발생하게 된 오류의 원인을 확인하고, 해결 방안을 찾아보도록 하겠습니다. 문제점이 뭘까? macbook을 초기화하고, 이것저것 개발 환경을 다시 셋팅하기 시작하였습니다. 기억에(?) 설치를 여러번 하다보니, 설치가 안되었을 경우도 있지만, 제대로 설치가 되지 않은 경우이지 않을까? 합니다. 현재 개발환경은 다음과 같습니다. Envrionments MacOS: Catalina (10.15.7 version) MacBook Air 13 / mid 2012 일단은 ..
Introduction iOS App을 개발하게되면, 몇몇 디자인이 필요하게 됩니다. 특히 iOS App의 아이콘을 변경해야하는 경우가 있는데 검색을 해보니 유용하게 사용할 수 있는 방법이 있었습니다. 단점으로는 결제가 필요한 부분이 있지만, 현재 iOS App의 아이콘을 만드는데 있어서 무료로 사용 할 수 있기때문에 걱정은 하지 않으셔도 됩니다. AppStore Download Appstore를 열고 Asset Catalog Creator를 검색하여 다운로드 합니다. (클릭하시면 링크를 통해 Appstore를 열 수 있습니다.) Asset Catalog Creator 다운 받은 앱으로 iCON을 만들기 위해 먼저 구글을 통해 아이콘으로 만들기위한 이미지를 다운받습니다. 저는 (이미지 참조: 고양이)를 ..
Introduction SW 개발을 하고나서 git을 이용하여 github, bitbucket, gitlab등을 이용하여 소스코드 업로드를 합니다. 이때, 불필요한 파일들을 제외하고 서버에 업로드를 하기위해서 ignore 파일이 필요합니다. 이전에는 github에 ignore 파일을 모아둬서 파일을 복사하면서 사용할 수 있었습니다. (찾아보니, github에 많이 올라와서 쉽게 찾아지지 않네요ㅠㅠ) 그래서 조금 더 찾아보니, Web을 이용하여 ignore파일을 생성하는 곳이 있었습니다. 이를 활용하여 iOS App의 ignore 파일을 추가하는 방법을 알아보도록 하겠습니다. .ignore Toptal에 접속을 하면 상위 페이지와 같이 나타납니다. 여기에 SwiftUI의 ignore 파일을 생성을 위해 다..
Introduction SwiftUI를 이용하여 iOS App을 개발할 때, 각각의 App에 대해 자신만의 색상을 가시화하고 싶을때가 있습니다. 하지만 다음 그림과 같이 iPhoneX 상위 모델에 노치부분까지 적용되지 않는 경우가 있습니다. 그림: (좌: 노치 제외) / (우: 노치포함) 우리가 원하는 건 iOS App에서 노치를 포함하여 전체 색상을 변경하는 것입니다. 코드를 적용하는 방법은 다음과 같습니다. import SwiftUI struct AppLoginSwiftUIView: View { var body: some View { return NavigationView { ZStack { Color.yellow.edgesIgnoringSafeArea(.all) // 전체화면 색상 변경 VStack..
Introduction 이번 포스팅은 SwiftUI를 이용하여 iOS App을 개발하는데 있어 필요한 모듈입니다. 이 모듈은 iOS기기 내부 로컬에 파일에 JSON형태로 저장을 하는 모듈입니다. 하지만, 이 모듈을 이용해서 쉽게 저장/로드 할 수 있지만, 몇몇 특이한 형태의 구조를 가지는 클래스/구조체/열거체의 경우 저장하는 모듈이 제대로 수행되지 않습니다. 조금의 삽질 끝으로 문제점과 해결방법을 알아보도록 하겠습니다. JSON 모듈을 save/load 하기위해서 github 혹은 cocoapods 에서 아래의 Library를 검색 가능합니다. github - EasyStash cocoapods - EasyStash 문제점(Problem) 먼저 문제점을 확인해보도록 하겠습니다. 상위 라이브러리를 이용하여..
Introduction 블로그를 통해 SwiftUI를 올해 말까지 혹은 제가 원하는 목표치가 다다를 때까지 포스팅을 하려고 합니다. 목표치는 제가 만들고자 하는 App의 UI를 완료할 때까지라서 올해 말이 되기전에 포스팅을 통한 연재가 빨리 끝이 날 수 있습니다. 블로그 포스팅이 빨리 끝맺음이 올지라도 필요한 부분들은 블로그를 통해 계속 업로드를 하도록 하겠습니다. 관련 포스팅 포스팅 - 링크 없음 포스팅 - 링크 없음 포스팅의 목차가 되는 페이지로서, 향후 작성하는 포스팅의 링크를 현재 포스팅에서 일괄 정리 예정입니다. SwiftUI 시작하기 기존의 iOS App을 개발하는 것과 동일하게 Single View App을 선택하고 넘어가시면 됩니다. 그리고 Project를 생성하기 위해서 Name, Tea..
Introduction 2020/08/11 - [Vision & Mobiles/Mobiles] - Xcode Download & Install 상위 포스팅에서 Xcode를 Appstore가 아닌 애플 개발자 홈페이지에서 다운 받는 방법을 알아보았습니다. 하지만, Xcode를 설치하고나면 command line tools은 설치가 되지 않은것을 확인 하게 됩니다. 그래서 Xcode를 시간날 때, 재설치를 할까 고민했지만, 역시 검색을 하니 터미널에서 명령어 수행으로 가능한 것을 찾았습니다. Command line tools 설치 명령어 xcode-select --install 아래의 이미지는 현재 제 맥북 프로에 Xcode 및 command line tools가 설치되어 있을 때 나타나게 됩니다. 설치과정..