iOS/TIL (Today I Learned)

학습 목표 Table View 사용에 있어서 익숙해지고 원하는 내용을 마음대로 넣어보자 Storyboard UIImageView를 사용하여 Cell에 담으면 이미지도 넣을 수 있다는 사실을 알았다. 제목과 세부사항에 대해서 넣을거라 label의 구속은 서로 크기가 다르게 잡힌 상태이다. 그리고 사용될 이미지는 Assets에 미리 담아두고 사용할 예정. Movie.swift 제목과 설명은 있지만 이미지가 없을 경우를 고려하여 이미지만 옵셔널로 담았다. MovieCell.swift struct에 담긴 내용과 굉장히 유사하지만 이건 셀에 담길 내용을 위한 Outlet이다. ViewController.swift setup()함수로 빼는 것이 원래 내 스타일인데 오늘은 그냥 안빼고 안에 넣어봤다. 그냥 그러고 싶..

components(separatedBy:) let str = "apple,orange,banana" let fruits = str.components(separatedBy: ",") print(fruits) // ["apple", "orange", "banana"] 문자열을 지정된 구분자로 나누어 배열로 반환 split(separator:) let str = "apple,orange,banana" let fruits = str.split(separator: ",") print(fruits) // ["apple", "orange", "banana"] 구분자가 포함된 문자열의 부분을 반환 컴포넌츠와 스플릿의 비교 // 보통은 빈 문자열의 경우를 많이 가르는데 가독성을 위해 ,로 표기 let str = "a..

리마스터 결심 계기 라이브러리를 많이 가져다 쓰고, 튜터님들께 도움을 받아 만든 코드라서 정상적으로 작동하지만 왜 내가 이러한 이유로 코드를 가져다 썼는지, 전체적인 userInput의 흐름이 어떻게 흘러가고 어떻게 처리되어 화면에 나타나는지 감을 전혀 못잡고 있었다. 전형적으로 어쩌다 얻어걸린 코더의 느낌이 나서 이미 정답지는 있으니 다시 처음부터 코딩해야겠다고 생각했다. 기존의 코드는 비교를 위해 그대로 둔 채 새 프로젝트를 생성하여 빌드까지 올리기로 했다. 오늘의 진척 1 기존 코드에서 let todo에 배열의 indexPath.row를 담아서 todo. 으로 편하게 작성하려고 두었던 상수인데 centerLine에 관련된 함수를 추가하면서 let todo의 존재를 망각했었나보다. todo를 사용했다..

문제 발생 원래 switchButtonTapped 라는 액션 내부에서 작동하도록 하려던 함수들이다. updateCenterLine을 통해 Boolean을 갈라내고 생성 혹은 삭제 함수로 가려고 했다. 작동은 잘 되었지만 todo a, b, c 총 3개를 만들고 b의 switch를 켠 채로 d를 생성하면 b에 그어진 센터 라인이 전혀 엉뚱한 곳으로 이동하는 문제가 있었다. 이를 수정하기 위해 코드를 여러군데 만지다보니 스위치가 on 상태였는데 추가하기 버튼으로 새 todo를 생성했더니 off가 되는 문제도 종종 발견되었다. 이를 해결하기 위해 튜터님을 찾아갔는데 방법은 다음과 같다. 문제 해결 우선 해당 함수를 삽입하여 cell의 재호출 시 기본값을 초기화하도록 만들었다. 이후 가운데 선을 그을지 여부에 ..

Xcode 기초 컴포넌트 UIImageView image 표시할 이미지를 설정하여 UIImage 객체를 할당 contentMode 이미지가 UIImageView에 맞춰질 때 크기 및 배치 방법 설정 ex) scalsAspectFit -> UIImageView에 맞추고 비율 유지 isUserinteractionEnabled 사용자 상호 작용에 대한 허용 여부 기본값 : false (터치 이벤트 무시) animationImages 애니메이션을 위한 이미지 배열 설정 여러 UIImage 객체 할당으로 애니매이션화 UITextField text 텍스트 필드에 표시되는 문자열 placeholder 텍스트 필드 입력을 유도하기 위한 텍스트 표기 keyboardType 텍스트 필드에 입력할 때 표시되는 키보드 유형 ..

학습 목표 스토리보드에서 벗어나 코드만으로 UI 완성하기 넷플릭스 로그인 화면 UI 구현하기 얼럿 창 하나라도 구현하고 오늘을 마무리하기 기본 설정 다만 여기서 중요한 점은 컬러를 지정했다고 바로 반영되는 것이 아니다. 메모리에 올려놓았을 뿐이고 실제로 보여지지 않는 상태라는 것이다. 그렇다면 실제로 보여지기까지 위해서는 어떤 코드를 추가해야할까. 그리고 하는 김에 viewDidLoad가 더러워지지 말라고 makeUI 함수로 빼서 저장해두었다. 해당 코드를 추가해서 메모리에만 올라간 view를 실제 사용자에게 보여지게 할 수 있다. 스토리보드의 경우에는 addSubview가 자동으로 실행되었을 뿐이다. 그치만 사용자에게 보이긴하는데 위치가 정확히 잡혀있지 않은 상태이다. 이제는 코드로 오토 레이아웃을 잡..

학습 목표 시도 횟수 표기하기 프로그램을 종료시키는 함수 구현 switch문 내 구현된 1,2,3 외 다른 입력값에 대한 오류 메세지 출력 자체 개발 Develop lv.5 숫자 야구 게임 게임 기록 보기를 구현하기 위해서 필요한 것들을 먼저 생각해보았다. 몇 번의 시도인지 세어볼 tryCount라는 변수 tryCount를 정답을 맞출 때마다 해당 숫자를 추가할 배열 recordArr (Int형 배열) 해당 recordArr에 tryCount를 담아줄 record 함수 구현 사용자가 합당한 userInput을 제공했을 때 tryCount를 1 증가시킬 tryCount += 1의 위치 찾기 이 정도로 정리해볼 수 있었다. 해당 위치에 선언하고 초기화하게 된다면, 게임이 다시 시작될때마다 tryCount가 ..

과제 목표 lv.1 부터 lv.6까지 이루어진 과제이다. 컴퓨터가 설정한 임의의 설정값 Answer를 맞추기 위해 사용자가 입력값 세 자리 수를 input에 넣었을 때 숫자의 위치와 숫자가 모두 맞으면 스트라이크, 숫자는 맞지만 위치가 틀릴 경우 볼로 표기하며 그 외에는 별도 표기가 없다. 하나의 main 함수만으로도 나머지 파일들과 컴파일이 가능하다. 처음에 여러 프로젝트를 만들어서 내야하나 생각했지만 깃헙에 올라갈 때 너무 파일마다 나무뿌리마냥 뻗어있는 것이 싫어서 이것저것 찾아보다가 방법을 생각하게 되었다. lv.1 숫자 야구 게임 Int.random(in: 100...999)와 차이를 두어야 하는 것은 두 가지가 있었는데 1. 0을 사용하면 안된다. 2. 숫자의 중복 사용이 불가능하다 이 조건을 ..

자주 쓰이는 고차함수 count 배열 내 갯수를 세어준다. var arr1: [String] = ["존", "펠릭스", "앤서니", "시나", "주니어"] var arr2: [String] = ["존", "펠릭스", "앤서니", "시나", "주니어"] print(arr1) // ["존", "펠릭스", "앤서니", "시나", "주니어"] print(arr2.count) // 5 min() & max() 배열 내 최솟값(최댓값)을 반환함 옵셔널로 반환되니 반드시 if let 또는 guard let. var numbers = [1,2,3] print(numbers.min()) // Optional(1) print(numbers.max()) // Optional(3) fitstIndex(of:) & lastIn..

학습 목표 최대 60초까지 Silder를 통해 설정 가능한 타이머를 만들어보기 60초라는 설정이 가능한 방법을 알기 Start 버튼이 눌렸을 때 Silder가 매 초 움직이면서 남은 시간을 표기하기 타이머 동작이 끝나면 알람이 울리도록 설정하기 Reset 버튼을 눌렀을 경우 즉시 초기화되며 첫 화면으로 돌아오기 1차 완성본 화면 기록으로 녹화한 장면이라 소리가 안들어간게 아쉽다... 스토리 보드 구성 가장 기본적인 스토리보드 구성이다. 단일 view Controller로 구성되었다. '타이머'라는 Label 추가 mainLabel은 Slider의 반응에 따라 유동적으로 초를 나타낼 영역 그리고 선을 나타내기 위해 view를 그리고 depth를 1로 주었다. 0초 Label과 60초 Label, Slide..