잡코더

네트워킹 넷플릭스 애플뮤직 페이스북 언제 네트워킹이 필요할까?? 컨텐츠의 경우에는 암호화와 워터마킹이 된 영상이 내려온다. 그래서 영상유출시 누가 했는지 다 알 수 있다. 이런 앱들이 Networking이 안된다면? 이 앱 모두 정상작동을 하지 못한다. 데이터의 전달이 되지 않으면 안되니깐!! Networking + IOS 우리는 IOS에서 Networking 작업을 어떻게 할 수 있을까? —> URLSession IOS에서는 URLSession class를 통해서 네트워크 작업을 할 수 있다. 이론 네트워킹이라는 작업은 상당히 느린 작업이다. 네트워크보다 빠른 작업은 메모리 접근, 디스크 파일 읽기 등. 이것보다 네트워킹은 상당히 느린 작업이다. 앱에서는 앱의 반응성이 상당히 중요하다. 반응이 느리면 ..

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..

현재 공부중 (IOS Application , node.js , Django) GitHub: github.com/yeongwooCho yeongwooCho - Overview yeongwooCho has 12 repositories available. Follow their code on GitHub. github.com Blog: yeongwoo-cho.tistory.com/ 감성코딩(Think Different) 감성있게코딩하자 간지나게코딩하자 yeongwoo-cho.tistory.com 예창패 서류합격 (~2020.04) BGM(부산개발자모임): django project lead 경험 (2020.07 ~ 2020.08) 정보컴퓨터공학과 알고리즘 동아리 알콜 활동 (2020.07~2021.02) A..

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..

Settings Page 저번 시간에는 Tab Bar Controller을 구성해봤다. 이번시간에는 Settings 에 해당하는 TableViewController을 구성해보자 지금은 Tasks 보다 Settings 가 쉽고 후딱 해치울 수 있으니 먼저 하자 우리는 위와 같은 구조로 Settings 를 구성할 것이다. 기존의 Content는 Dynamic 한 구조였다. 하지만 우리는 Settings 에 필요한 cell의 갯수는 정해져있고, 이를 static 하게 표현하는 것이 더 좋다고 판단한다. 그리고 현재 Style는 Plain이다. 우리가 만들 것은 inset grouped이다. inset은 margin이 있다는 뜻이다. Static Cells로 지정하게 되면 위와같이 기존의 방식과는 살짝 다르다고..

우선 하단 탭바를 어떻게 사용하는지 배워보자 ViewController을 클릭하고 Editor에 들어가면 embed in란에 Navigation controller과 Tab Bar Controller가 존재한다. Embed in 이라는 것은 해당 ViewController가 이 안에 들어간다는 의미이다. Navigation은 어떤것을 눌렀을때 그 안으로 더 들어가서 페이지가 더 있는 것을 만들때 사용하는 것이다. 여기서 중요한 것은 Tab Bar Controller는 각 Tab마다 ViewController을 따로 관리한다는 것이다. 여기서 Tap bar item은 아이콘 및 텍스트 수정이 가능하다. 이제 Settings를 넣어야 하는데 Object library에 들어가면 ViewController말고..

TODO 리스트 앱 구현계획 Task page, settings page를 하단 탭바로 나누어 관리한다. Task page에서는 할일들을 데이터로 담아 어떻게 가져오는지를 살펴볼 것이다. Input text field를 통해 task 를 추가하는 방법을 배우자. 데이터를 추가할때 Today를 체크하고 넣으면 Today란에, 체크하지않으면 Upcoming란에 추가된다. 헤더와 collectionView 셋트가 2개이다. text창에 갖다대면 키보드창이 뜨고 외부화면을 선택하면 키보드창을 닫는다. 삭제는 앞의 동그라미에 체크하면 cell 뒷부분에 x표시가 뜨게되고 선택하면 데이터를 삭제할 수 있다. 젤 중요한 것은 데이터의 저장이다. IOS앱에서 데이터의 저장방법 많고 복잡한 데이터를 다루기에는 Core D..

애플 뮤직앱 마무리 다크모드와 기본모드에서의 색 차이는 알아서 변경되어 진다. 여기서 updateTintColor은 뭐하는 놈일까?? 우리는 player View를 살펴보면 재생버튼과 Slider의 색이 파란색으로 설정되어 있다. 다크모드에서는 흰색으로 설정하고 화이트모드에서는 검은색으로 설정하는 코드가 위에 주석으로 구현된 코드이다. 그런데 아직 구현되어 있지않아 오류가 난 것이다. 그렇다면 추가해주자 DefaultStyle 코드를 이해해보자!! 우리는 tint color을 다음과 같이 정의하였다. UIColor을 반환 시킬건데, 반환할 때 조건이 존재한다. 우리는 traitCollection을 통해 현재 dark모드인지 아닌지를 파악할 수 있다. 현재 interfaceStyle가 dark모드이면 ti..

Silder에 대한 기능 구현 우리가 구현할 것은 아래와 같다. 1. 현재재생시간 2. totalDuration time 3. 시간이 지남에 따라 slider 이동 4. seeking 우선 시간을 표현하는 기능부터 구현하자. timeObserver는 현재 재생되는 item의 시간을 일정하게 관찰하겠다를 의미한다. —> addPeriodicTimeObserver: 일정 간격으로 시간을 관찰하는 녀석을 더하겠다. 라는 메소드를 구현해주면 된다. (AVPlayer에 원래 내장 되어 있는 함수를 편하게 사용하기 위해 다음과 같이 구현하였다.) 우리는 위에서 필요한 파라미터를 전달해주면 된다. 1. CMTime 여기서 CMTime(Core Media Time)라는 것이 존재한다. 우리가 관찰하고 싶은 시간 주기는..

method를 구현해보자 updateTrackInfo() 우리는 Cell을 선택하면 PlayerViewController에 있는 simplePlayer의 Item을 선택한 indexPath.item으로 지정하였다. 그렇다면 PlayerViewController에서는 현재 아이템이 AVPlayerItem type이기에 이를 Track 으로 바꾸어 해당 UIComponents를 update하도록 구현하였다. togglePlayButton(), updatePlayButton() 우리는 재생하고 있는 음악이 있으면 정지 버튼은 누르게 되면 버튼은 재생버튼으로 update되어야하고, 음악은 멈춰야한다. 여기서 우리는 버튼은 system image를 사용하였고 configuration은 Point size 40으로..