잡코더

doneButtonTappedHandler, deleteButtonTappedHandler 우리는 현재 collectionView에서 Cell을 어떻게 표현하는가에 해당하는 프로토콜에 doneButtonHandler과 deleteButtonHandler의 기능을 구현하지 않았다. 기억을 상기시키기 위해서 해당 코드를 살펴보자. TodoListCell에는 Closure로 정의된 doneButtonTapHandler과 deleteButtonTapHandler이 존재한다. checkButtonTapped를 살펴보면 checkButton이 눌리게 되었을 때의 변경되어야할 상태 값을 변수에 지정하였다. 그렇다면 그 지정한 값들이 checkButton이 눌려졌을때 업데이트되어 Cell에 보여지게 해야할 것이다. 그..

Data Append 이제 데이터를 실제로 추가하는 기능만 추가하면 끝이다!!!! 우리는 +, add 버튼이 눌렸을 때 무엇을 해야할까? 우선 TextField에 text가 존재하는지 여부를 판단해야한다. createTodo를 호출하여 todo객체를 생성한다. 이를 todoListViewModel에 add 하면 된다. collectionView를 reload한다. —> 그래야 ViewModel에 있는 추가된 데이터들이 CollectionView에 표시될 것이다. inputTextView를 reset한다. isTodayButton도 default값으로 reset한다.

이제 키보드를 내리는 작업을 할 것이다. 키패드 부분이 아닌 영역에 클릭하게 되면 키패드가 내려오도록 구현하려 한다. Object library를 살펴보면 “Tap Gesture Recognizer” 이 존재한다. Tap Gesture Recognizer 는 다른 View에 붙혀서 사용가능하다. 우리는 TGR을 전체 View에 붙혀서 사용할 것이다. 그리고 Tap을 하게 되면 이를 인지하게 되고 이를 통해 추가 코드로 부터 키패드를 내리도록 하겠다. 정리하면 현재 전체 View나 버튼 같은 곳이 아닌 곳을 Tap을 하게 되면 뭔가를 지정하지 않았으니깐 누른지 모른다고 생각하면 된다. 그렇다면 Tap을 했다는 것을 인지해야 하는데 이는 Tap Gesture Recognizer을 통해 Tap을 인지하게 된다..

Text Field를 삽입하고 선택하게 되면 FirstResponder()에 반응하여 키패드가 등장한다. 쉽게 표현하면 현재 집중되어 있는 요소가 Text Field라는 의미이다. 그렇다면 keyboard를 올리고 내리는 동작에 대해 구현하도록 하자. Today Button isTodayButtonTapped에 대한 구현을 완료하였다. Button이 눌린다는 것은 눌리는 상태를 저장할 변수(outlet)과 누르는 행위(action)이 존재한다. 여기서 배워야 할 것은 코드를 구성하는 구조이다!! View 높이 조절 현재 두개의 차이점은 키패드가 등장함에 따라 text Field가 포함된 View의 위치가 이동하냐 안하냐의 차이이다. 이제 키패드를 등장시키는 코드와 View의 이동을 함께 구현해보자 우선 ..

input text View 만들기 우선 View를 collectionView와 동일한 scope인 전체 View에 대해 삽입한다. 안에 text Field와 Button을 만들고 아이콘 수정 및 Auto Layout을 설정한다. 여기서 중요한 점은 Text Field를 누르게 되면 키패드가 등장할 것인데, 숫자, 특수문자, 한글, 영어 등 다양한 키패드가 존재하는데 이를 선정 해주어야 한다. default로 설정한 다음 대부분의 추가기능은 사용하지 않는 것으로 하자. 현재 ViewController애서 각 변수들을 연결해줄 것이다. 여기서 inputViewButton의 경우 Constraint인데 이는 text View를 클릭할 경우 키패드 만큼 View의 Bottom이 올라가야 하기에 지정해준 것이다..

Storage 구현 뼈속까지 이해한다기 보다는 전체적인 큰 틀과 어떻게 구성되어 있는지를 중점으로 봐라잉~ https://developer.apple.com/documentation/foundation/filemanager Apple Developer Documentation developer.apple.com https://zeddios.tistory.com/440 iOS ) FileManager를 이용해 파일/폴더 만드는 법 안녕하세요 :) Zedd입니다. 제목이 뭔가 추상적인데.....이 글은...저를 위한....공부... FileManager를 이용해 파일/폴더 만드는 법 파일 및 디렉토리와 관련된 가장 기본적인 작업 중 일부는 파일 시스 zeddios.tistory.com https://hcn1..

Storage 클래스는 뭐하는 놈들일까? 우리는 이전에 TodoManager에서 saveTodo()와 retrieveTodo()를 정의 하였다. 이 메소드들은 todos에 존재하는 객체들을 json파일이라는 형식으로 Read/Write할 수 있는 기능을 한다. 그리고 그 json 파일을 실제 내 디스크에 저장하도록 Read/Write하는 기능을 한다. 현재 데이터는 Todo형식으로 되어있고, 데이터는 TodoManager관리하고 있다. 그런데 이 데이터들은 CRUD와 같이 변화가 생겼을 때 상태들을 디스크에 저장하고 저장된 데이터를 불러와야 할 것이다. TodoManager에서는 add, delete, update를 하게 되면 saveTodo()를 호출하여 디스크와의 싱크를 하게 된다. saveTodo(..

이전에 TodoListCell이 어떤 구조로 되어있는지를 확인하였다. yeongwoo-cho.tistory.com/106 4. TodoListCell TodoListCell: collectionView에서 사용할 custom Cell 이다. TodoListCell을 살펴보자. Cell의 형태는 아래의 사진과 같다. 그리고 필요한 3가지 기능 존재한다. 1. 체크버튼을 누름에 따라 delete button이 등.. yeongwoo-cho.tistory.com 필요한 기능 3가지 UI update 기능 체크버튼을 누름에 따라 delete button이 등장하고, Label이 짝대기와 함께 흐려진다. delete버튼을 누름에 따라 삭제되는 기능 UI update 셀을 업데이트 할 때 중요한 것은 현재 체크가 ..

ViewModel 우리는 TodoListViewModel을 만들 것인데, 여기서 중요한 것은 View Model에서는 TodoManager를 활용 한다는 것이다. TodoViewModel에서는 Section이라는 것이 존재한다. 이는 Today Section과 Upcoming Section을 나누기 위함이다. case는 다음과 같이 두 경우가 존재하며, Section.today와 Section.upcoming로 title을 불러올 수 있다. 이러한 표현을 익혀두자. TodoViewModel의 경우 TodoManager을 적극 활용하기 때문에 singleton객체로 선언된 TodoManager의 shared를 들고와 변수로 선언하였다. 그런데 ViewController와 함수호출을 통해 정보를 주고받는 것..

Todo: 우리가 사용할 데이터의 형식이다. struct로 선언할 것이다. TodoManager: 데이터를 관리할 클래스이며 ViewModel에서 필요한 기능들을 Manager에서 구현하고 이를 호출할 것이다. Todo: 우리가 사용할 데이터의 형식이다. struct로 선언할 것이다. 이제 TodoListCell에 대해 쭉 봤는데 여기서 필요한 데이터인 Todo 객체가 존재한다. 알아보자. Control + cmd 를 눌러 클릭하면 정의된 부분으로 슉~ 갈 수 있다. Todo에서는 데이터들이 가지고 있어야할 데이터의 구조를 짜두었다. 여기서 method가 2개 존재하는데 Mutating —> struct에서 property의 값 변경을 일으키는 메소드 앞에 선언해주어야한다. 연산자 오버로딩 연산자 오버로..

TodoListCell: collectionView에서 사용할 custom Cell 이다. TodoListCell을 살펴보자. Cell의 형태는 아래의 사진과 같다. 그리고 필요한 3가지 기능 존재한다. 1. 체크버튼을 누름에 따라 delete button이 등장하고, Label이 짝대기와 함께 흐려진다. 2. delete버튼을 누름에 따라 삭제되는 기능 3. UI update 기능 이것은 어떻게 표현된 것일까? 짝대기는 일단 넓이 높이가 250 1 인 View이다. 여기서 넓이가 0이면 보이지 않는 상태이고, 250이면 보여질 것이다. 그래서 check button 이 Done 상태가 아니라면 넓이가 0이고, Done이라면 250을 유지하도록 만들면 된다. 그렇기에 View의 Width constrai..

Tasks Page 우리는 이거 만들려고 한다. 우선 CollectionView가 있으며 이는 두 개의 Section으로 구성된다. —> Today Section, Upcoming Section 여기서 Collection Reusable View (Header View) 와 Collection View Cell (custom cell) 에 identifier을 지정하고 이를 Class 로 지정해야한다. cell의 경우 재사용 되기때문에 identifier에 지정을 해줘야하고 이를 지정하지 않으면 못찾는다. 우선 collectionView와 ViewController의 dataSource와 delegate를 연결시켜고, Check Button, label, delete button을 생성하여 연결시키고 A..