iOS 개발자 꿈나무

오늘은 DatePicker와 DateFormatter를 활용하여 TaskEditor를 만들어보자! 주요 기능 task 추가 기능 task 삭제 기능 task 수정 기능 DatePicker를 사용하여 날짜 수정 UI DatePicker DatePicker란, 날짜를 선택하기 위한 컨트롤이다. 애플 공식 문서에 찾아보면 다양한 디자인, 사용방법을 예시로 들어 친절하게 알려준다! 공식문서 링크를 첨부해 둘 테니 참고하시길! - 링크 let dateFormatter: DateFormatter = { let formatter = DateFormatter() formatter.dateStyle = .short formatter.timeStyle = .none return formatter }() DatePicker..

오늘은 핀터레스트에서 보던 메인 뷰처럼 구현하기 위해 swiftUI에서 사용하는 LazyVGrid를 활용하여 뷰 구성을 해보겠다! View 우선 내가 구성한 뷰는 이렇다 LazyVGrid가 뭐고 어떻게 쓰는건데!? 라고 할 수 있으니 간단한 설명을 해보겠다. LazyVGrid? VStack처럼 열(Columns) 기반의 그리드 레이아웃을 지연 로딩 방식으로 구현할 때 사용되는 컨테이너라고 한다. 즉, 2차원의 행이 형성되고 세로로 계속 스크롤 할 수 있는 게 특징이다. flexible, adaptive LazyVGrid를 사용할 때 GridItem을 만들때 만들 수 있는 형태가 3가지가 있다. fixed, adaptive, flexible 총 3가지가 있지만, 그중 제일 많이 사용하는 adaptive와 ..

오늘은 swiftUI에서 제공하는 List를 활용한 TodoList를 만들어보자! 핵심기능 + 버튼을 누르면 팝업 창 띄워서 할 일 입력받기 입력받은 할 일을 토글 형태로 리스트에 추가 UI 팝업창 띄우기 위에 UI를 보면 + 버튼을 눌렀을 때 할 일을 입력할 수 있는 textfield가 들어있는 팝업창을 띄우도록 해보겠다. 처음엔 버튼을 만들고 Alert를 활용해 구현해보려고 하였으나 Button(action: {}, label:{})을 활용해서 구현하였는데 alert창에서 textfield를 넣으려고 하면 자꾸 오류가 생겼다. 그래서 버튼을 눌렀을 때 다른 뷰로 이동하게 만들었고, PopUpView라는 파일을 하나 더 만들어 팝업창에 대한 기능만 구현하도록 했다. struct TodoItem: Ide..

오늘은 ImagePicker를 사용해서 프로필 화면을 바꿔보자! UI 대충 이런 view를 상상했지만 ㅎ... 너무 부실한 내 UI이다. . ㅋㅋ 하지만 아직 SwiftUI를 시작한 지 얼마 안 됐으니 UI는 대충 하고 기능적인 부분에 집중해보자! 우선 내 프로필 변경에서는 변경할 사진을 누르고, 이름을 입력한 후 저장을 누르게 되면 "저장되었습니다."라는 팝업창이 나오게 구현하였다. ImagePicker 사용기 우선 프로필 속 사진을 바꾸고 싶다면 이미지를 갤러리에서 사진을 가져와야 한다. 그 역할을 해주는 게 UIImagePickerController이다. 공식문서 링크를 걸어뒀으니 더 자세한 기능들이 궁금하다면 클릭해서 읽어보시길! UIImagePickerController는 UIKit에 사용되는 ..

오늘은 swift 스터디할 때 첫 프로젝트로 구현했던 스톱워치를 SwiftUI로 구현해 보았다. swift로 만드는 첫 프로젝트이기도 하고 거의 언어를 몰라서 클론코딩에 가까운 수준이었다 지금 코드를 보니 누가 봐도 복붙 하거나 클론코딩 한 거 같다... UIKit로 구현한 전체 코드 import UIKit class ViewController: UIViewController { @IBOutlet weak var TimerLabel: UILabel! @IBOutlet weak var startStopButton: UIButton! @IBOutlet weak var resetButton: UIButton! var timer:Timer = Timer() var count:Int = 0 var timerCou..

textfield에 이미지 이름을 검색했을 때 해당 이미지를 UIImageView를 사용해서 띄우는 기능을 구현해 보자! 1. 스토리보드 먼저 만들어주기 main 스토리보드에 Label, textField, UIImageView를 추가해 줬다. 불러올 이미지가 내가 스토리보드에서 설정한 UIImageView 규격에 꽉 차도록 나타났으면 해서 content Mode를 Aspect Fill로 맞추어 주었다. 이제 ViewController파일에서 핵심 기능인 textField와 UIImageView를 outlet으로 연결시켜 주자. 2. 필요한 변수 선언 var dog: UIImage? var karina: UIImage? var Lany: UIImage? var maru: UIImage? var oasis..