과정 정리

1. 첫 API 호출
2. API의 데이터 인자로 받아서 API 호출
3. API를 신뢰하지 않는 경우 "The resource could not be loaded because the App Transport Security policy requires the use of a secure connection"

https://stackoverflow.com/questions/32631184/the-resource-could-not-be-loaded-because-the-app-transport-security-policy-requi

RIOT API를 사용해야 하는 상황 SearchBar를 통해 아이디를 검색하고 싶은데

소환사 정보를 가져오는 API는 다음과 같다

https://kr.api.riotgames.com/lol/summoner/v4/summoners/by-name/<name>?api_key?<apikey>

apikey는 고정이라 상관이 없는데 name에 들어갈 소환사 이름은 항상 바뀌기 때문에 이걸 처리해줘야 하는 상황이다

1차 시도(실패)

URL 문자열 중간에 name을 넣어서 하려고 했는데 이건 컴퓨터가 못 읽더라

지금 배우고 있는 강의에서는 QueryItem을 추가해서 인코딩해주었는데 내가 사용하려는 API는 그런 구조가 아닌 것 같아서 사용하기 어려웠다 (내가 모르는 것일 수 있으나 따라했더니 안 됐음)

그래서 name이라는 문자열이 애초에 인코딩된 상태로 들어갈 필요가 있었음

2차 시도(성공)

검색해보니 이렇게 바로 인코딩작업을 진행해줄 수 있더라

그래서 name을 인코딩한 nameIncoding을 URL 문자열 안에 넣었더니 잘 된다

고로 고로 고로케 (너무 신나서 죄송...)

고로 UISearchBar에서도 let name = UISearchBar.text let nameIncoding = name.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed)! 이렇게 작업하면 서치바에 나오는 텍스트를 통해 바로 URL을 호출할 수 있을 것 같다

아직 안 해봤으니 해보고 후기를 추가해보겠다

URL 세션 오버뷰

URLSessionConfiguration을 이용해서 생성하게 됨 URLSession은 여러 개의 URLSession Task을 만들 수 있음 - URLSession Task를 통해 서버와 통신함 URLSession Delegate를 통해 서버통신 중간과정을 확인할 수 있음. 필수는 아님 URLSessionConfiguration은 Default(기본 통신), Ephemeral(쿠키, 캐시를 저장하지 않을 때. 시크릿 모드), Background(앱이 백그라운드에서 다운을 받는 등 이렇게 3가지로 만들 수 있음

URLSession Task는 3가지로 나뉨.

1. URLSessionDataTask: 리스폰스 데이터를 메모상에서 처리하게 됨. 간단한 데이터를 받을 때 사용하면 됨. 백그라운드에서는 사용이 안 됨
2. URLSessionUploadTask: 업로드할 때 씀. 리퀘스트 바디를 제공함
3. URLSessionDownloadTask: 파일을 받아 디스크에서 쓸 때 사용

아침에 일어나서 메일을 쓱 둘러보는데 API Key가 유출됐다는 메일이 왔더라

내가 공개 레포에다가 key를 적어뒀는데 그게 공개된 것이었음

https://blog.gitguardian.com/leaking-secrets-on-github-what-to-do/ 그래서 어떻게 대처해야 할지 찾아봤는데

파일이나 저장소를 삭제해도 안전하지 않다고 하더라 그래서 우선 레포를 다 비공개로 돌렸고 API Key를 다시 발급받았다

놀래라... 큰 일은 아니라 다행이다

ViewController가 너무 많을 일을 하다보니 기술부채가 발생하게 됨

그래서 MVC를 Massive View Controller라고 비아냥함

MVVM이란?

클린 아키텍처, 디자인 패턴이라고도 불린다

MVC와의 차이점으로는 뷰컨이 모델에 직접 접근하지 못함, 뷰컨이 뷰레이어에 있다

MVVM의 목표

• 기술부채 최소화
• 재사용 및 지속가능한 코드 만들기

리펙터링

• 중복 제거
• 단일 책임 갖기 (매서드, 오브젝트 단위까지)
• 10, 200 rule (초심자는 30, 400으로) 매서드는 10줄 안에 클래스는 200줄 안에 짜기

Struct와 Class는 이런 차이점이 있다 코드 상에서는 어떻게 다른지 알아보자

Struct는 Copy해서 할당하기 때문에 personStruct1과 2가 값이 다를 수 있다

Struct

personStruct2에 값을 할당해도 personStruct1의 값은 변하지 않는다

Class

personClass2 = personClass1을 통해 2에 1을 할당한 모습 personClass2 값에 변화를 주었더니 personClass1의 값도 변했다

다시 personClass2 = PersonClass(firstName: "Bob", lastName: "Lee")를 할당했는데 그 아래에 보면 personClass1의 값은 그대로지만 2의 값은 변한 것을 볼 수 있다

그러나 맨 아래에서 personClass1에 personClass2를 할당했더니 다시 Bob으로 다 일치된 것을 확인할 수 있다

Struct VS Class 언제, 무엇을 써야 할까?

Struct는 이럴 때 쓰자!

1. 두 object를 "같다, 다르다"로 비교해야 하는 경우

2. Copy된 각 개체들이 독립적인 상태를 가져야 하는 경우

3. 코드에서 오브젝트의 데이터를 여러 스레드에 걸쳐 사용할 경우

Class는 이럴 때 쓰자!

1. 두 object의 인스턴스 자체가 같음을 확인해야 할 때

2. 하나의 객체가 필요하고, 여러 대상에 의해 접근되고 변경이 필요한 경우

아 그래도 모르겠다면!

1. 일단 Sturct로 쓰자 (Struct에서 Class로 바꾸는 건 쉽다) Swift는 Struct를 좋아한다

Class 상속

Class가 비슷하고 A가 B에 포함될 경우 A를 B에 상속시키고 B에는 A와 겹치지 않는 부분만 적을 수 있다

위의 예시처럼 Person(기본 틀)은 Super Class, Student는 SubClass다

이러한 상속 규칙을 수립할 수 있다 3번 상속의 깊이는 상관이 없다는 것은 서브 클래스를 부모클래스로한 서브클래스가 생길 수 있다는 뜻

여기서 잠꽌!!!!!!

is란 무엇인가

var yangwon = Person(name: "Chall")

if yangwon is Person {
    print(true)        // true
}    

이렇게 is를 쓰면 yangwon의 Super Class가 Person이 맞나 아닌가 판단할 수 있다 맞으면 true, 틀리면 false

let char: Character = "A"

char is Character       // true
char is String          // false


let bool: Bool = true

bool is Bool            // true
bool is Character       // false

이렇게 class가 아닌 곳에서도 활용 가능

as?

가장 하단을 보면 된다 if let movie = item as? Movie 이걸 해석하면 item이 Movie를 상속받았어? 만약 그렇다면 movie에 값이 들어갈 수 있어서 if가 참이 된다 따라서 print를 실행해! 이런 의미이다

만약 item이 Movie를 상속받지 않았다면 nil이기 때문에 movie에 할당할 수 없고 따라서 else if로 넘어가게 된다

즉 as?는 "그게 이걸 상속받았니 안 받았니?" 이렇게 물어본다고 이해하면 된다

as(upcasting)

와 이것 때문에 정신 나가는 줄 아니 athlete1 = athelete2 as StudentAthlete 이게 의미하는 건 athelete2가 FootballPlayer지만 Student인척 해달라는 의미인데 Student임에도 불구하고 train()을 했을 때 +2씩 증가하더라 (FootballPlayer의 프로퍼티를 받았다는 의미)

알고보니까 이게 싹다 Student처리되는 게 아니라 override된 것은 자식으로 처리하는 것이었음

상속은 언제 하면 좋을까?

상속의 장점은 중복되는 코드를 제거할 수 있음 단 깊어지면 복잡해져서 유지보수가 어려워진다 고로 짬에서 나오는 바이브가 필요한...

1. Single Responsibility(단일 책임)

• 클래스는 한 개의 고려사항만 가지면 된다 한 가지 일에 집중할 수 있도록 정체성도 모호해지고 유지보수도 하기 어렵기 때문에 단일 책임을 고려하면 좋다

2. Type Safety 타입이 분명해야 할 때

3. Shared Base Classes(다자녀가 있다!)

내용 자체가 다르게 구현되어야 할 때 ex. 학생의 학습이라 치면 음악, 체육, 문학 등 다르니까 이럴 때는 상속을 이용하면 좋다)

4. Extensibility

확장성이 필요한 경우 - 캔이라는 클래스를 만들어서 콜라캔, 맥주캔 이렇게 확장할 경우

5. Identity

정체를 파악하기 위해 변수가 있는데 학생인데 체대생? 미대생? 이런 것을 확인해야 할 때

init 생성

2-phase Initialization (클래스 생성 시 2단계)

Phase 1

• 모든 스토어드 프로퍼티는 모두 init 처리되어야 한다
• 자식프로퍼티부터 init하고 뒤에 super로 부모클래스 프로퍼티를 init 처리한다

Phase 2

• Phase 1이 마무리되기 전에는 사용할 수 없음 그래서 Phase 2가 있다.
• Phase 2는 반대 방향 프로퍼티를 다 세팅하고 매서드를 쓸 수 있다

designated init(주 이니셜라이져) VS convenience init(간편하게 쓰는 이니셜라이져)

(강사님의 잘린 머리...)

그림으로 보면 이러하다

코드상에서는 이렇게 convenience를 활용할 수 있다 근데 override로 init을 가져와서 활용하는 건 아직 모르겠다 일단 넘기고 싶은 욕구가 솟아오르기 때문에 일단 패스

요약

• 클래스 안에는 여러 init을 만들 수 있다.
• 이게 크게 주, 부 init으로 나누어 볼 수 있다.
• 부 init은 다른 init을 호출하게 되어있다.
• 최종적으로 부 init은 주 init 불러야 한다

언제 사용?

값을 많이 저장할 때 서로 관계가 있는 값을 한 번에 관리하거나 표현할 때 사용 관계가 있는 여러 데이터를 묶어서 표현할 수 있다

ex) 강의 정보 - 강의이름, 강사이름, 학생 수 등 이런 것을 낱개가 아닌 뭉텅이로 관리 가능

object를 표현하는데 사용됨

object는 2가지 방식으로 구현 됨

1. structure
2. Class

Structure는 Vlaue Types라 복사돼서 할당 Class는 참조돼서 할당(공유하게 되는 구조)

이렇게 Structure와 Class는 구현될 때 차이가 있음 Class의 경우에는 둘 다 값이 Hey로 변했지만 Structure는 pStruct2만 Hey로 변한 것을 볼 수 있다

그 이유는 다음과 같다 Class의 경우에는 하나를 바라보는데 Structure는 복사해서 있기 떄문에 이게 값이 다름 (뭔소린지 나도 잘 모르겠는데 쨌든 값이 다르게 나온 거 보면 뭔가 다름)

생겨나는 공간에서 차이가 있음 필요한 메모리 공간이 달라서 구현에서도 차이가 생긴다 Structure는 Stack이라는 공간에, Class는 Heap이라는 공간에 생긴단다 (뭐 그렇다는데 솔직히 두 개가 뭔지도 모름)

실습

이렇게 struct를 활용할 수 있는데 솔직히 제대로 이해하지 못했음 많이 써봐야 할 것 같은데 아직은 너무 어렵다 어디에 뭐가 들어가는지 이게 너무 헷갈림... 아 빡친다 일단 이거 다 이해할라고 하면 시간 너무 오래걸릴 것 같아서 일단 넘어가자

프로토콜 (4)

Protocol - 지켜야 할 약속이라고 보면 됨 꼭 구현되어야 할 것들 어떤 서비스를 이용할 때 꼭 해야 할 일의 목록 ex. 음악 서비스라면 가입, 결제 등이 있겠다

프로퍼티 Properties(5 ~ 7)

stucture에서도 데이터, 메소드 두 가지 부분으로 나뉨 data 부분을 Properties라고 말함

값을 직접 저장한 게 Stored Property 데이터를 가져와서 활용하는 게 Computed Property 접근할 때마다 다시 계산함

• 오브젝트는 데이터와 매소드로 구성되어 있다
• 데이터에 해당하는 부분이 프로퍼티다
• 크게 stored(값 저장), computed(값 활용)로 나뉜다
• computed property는 값 변경이 안 되고, 리드만 가능하다 (var 키워드로 선언 가능하다)
• 그러나 get set을 통해 값 변경 가능하도록 설정하여 값을 변경할 수 있다
• 인스턴스를 만드는 것과 별개로 타입 자체에 속한 프로퍼티를 쓸 때는 static을 활용하여 타입 프로퍼티를 만들 수 있다

Properties VS Method

computed properties와 method로 쓰는 것 중 무엇이 더 좋을지 고민했던 강사님 기본적으로 Properties는 호출시 (저장된) 값을 하나 반환한다 Method는 호출시 어떤 작업을 한다 이런 기준을 사용한다고 함

메소드 (8 ~ 10)

• mutating = 매소드가 스토어드 프로퍼티를 바꿀 경우에는 mutating을 넣는다
• 타입프로퍼티 = 타입프로퍼티를 쓰면 인스턴스로 안 빼고 오브젝트에서 바로 프로퍼티 사용 가능(함수로도 만들 수 있음) ex. Lecture.target ex. Lecture.소속학원이름()

extension

• in 키워드 앞에는 타입이 파라미터와 리턴, 뒤에는 statements가 온다
• 출력 타입을 Void or ()으로 하면 return하지 않아도 괜찮지만, Int 혹은 String 같은 타입을 설정했을 경우에는 return해줘야 에러가 안 뜬다

이럴 때 주로 씀

• Completion Block (뭔가 일이 끝나고 돌아갈 코드 블럭을 만들 때) : 네트워크를 통해 데이터를 받아올 때 데이터를 빨리 혹은 늦게 받아오게 된다 비동기적으로 언제 끝날지 모르는 일일 경우. 해당 일이 끝났을 때 행동하도록 데이터를 뿌려주거나 하는 등의 코드블럭 자체를 수행시킬 때 closure를 사용한다

• Higher Order Functions (함수인데 인자를 함수로 받을 수 있는 함수를 만들 때) : input으로 함수를 받을 수 있는 유형의 함수. 한국말로 고계함수

• map, filler 이런 게 고계함수 - 이런 것을 쓸 때 closure을 사용한다

Closure 기본 형태

Closure 실습 6개

Caputuring Values

바깥 scope에서는 안쪽 scope에서 선언한 변수 사용 불가능 안쪽 scope에서는 바깥 scope에서 선언한 변수 사용 가능

printClosure는 if문을 벗어나도 사용 가능 - name 컨스턴트도 사용 가능 closure에게 잡혀서 사용 가능 이것을 captured 됐다고 함

closure가 살아있는한 잡힌 변수는 scope를 벗어나도 사용 가능

Set은 순서가 없고, 유니크한 값을 가지는 타입 (같은 이름의 아이템이 있으면 하나로 취급함. 중복이 없는 유니크한 아이템을 관리할 때 사용할 수 있다)

• 순서가 없다 (Array와 차이점)
• key는 유니크해야 함

기본적인 설명 가볍게 보면 됨

이것도 쉬운 내용

도전과제 풀이 3번이 조금 헷갈릴 수 있는데 찬찬히 해보면 됨

작업하면 변수가 너무 많아서 난장판이 되는데 이걸 쉽게 관리할 수 있도록 돕는 게 Collection 이렇게 쉽게 들 수 있도록 이렇게 컵에 이름을 붙여서 쉽게 찾을 수 있도록 하는 방법도 있다

• Array
• Dictionary
• set 이렇게 3가지 개념을 다룬다

추가로 Closure(코드를 수행할 수 있는 코드블럭) 개념도 다시 다룬다

6-2 Array

가장 중요한 것들 정리

1. isEmpty - 비어있는지를 불리언 값으로
2. count - 값이 몇 개 존재하는지
3. evenNumber[4] - 몇 번째 아이템에 접근한다는 것
4. for in enumerated - 하나씩 가져오기, index와 value를 같이 가져오는 것

통에 담을 수 있는 Element(요소)를 순서에 따라 담을 수 있게 한다 아래 2가지를 주의해야 한다

1. 통에 담을 때 같은 타입을 담아야 한다 (다를 수 있긴한데 일단 나중에)
2. Element는 순서가 있다 Index가 있다고 표현한다 (1번째 Element는 Index 0임)

이럴 때 유용하다

• 순서가 있는 아이템
• 아이템의 순서를 알면 유용할 때

6-3

6-4

디폴트를 설정할 수 있다는 것 그렇다면 호출할 때 생략 가능!

->를 통해 출력값의 타입을 설정 가능하고 return을 통해 출력이 가능하다

또한 param 앞에 글자를 쓰면 externalName이라고 해서 호출할 때 externalName으로 param 호출 가능

_ UnderScore

_를 사용하면 호출 시 label을 생략하고 값만 대입하여 호출할 수 있다 파라미터 이름 생략 가능

이렇게 같은 함수 이름을 갖고 파라미터 이름, 타입을 변화할 수 있다 이걸 오버로드, 오버로딩이라고 한다 단, 함수 안의 코드 부분을 변경하면 잘못된 재선언이라고 뜬다 위에 언급한 것만 변화할 수 있는 것 같다

inout (파라미터 값 변경)

기본적으로 파라미터인 value는 constant임 고로 값 변경하려고 하면 에러가 뜸 이걸 inout을 통해 해결할 수 있음

위에 var로 value를 선언했고, 파라미터 앞에 언더스코어가 들어갔고, 함수호출시 &가 들어갔다 굉장히 귀찮다 쓸 일이 있는지 모르겠다 일단 이런 게 있다~ 정도만 알아두자

5-7

함수에 함수 넣기

var function = add 를 통해 함수에 함수를 넣어줄 수 있다

매개변수에 함수를 넣는 것도 가능하다 함수를 쪼갤 때 유용할 것 같다

5-10

옵셔널바인딩 1. - if let

if let을 통해 nil일 경우와 아닐 경우 처리가 가능하다

그런데 이렇게 시스템에서 추천해주더라 아싸리 새로운 변수에 할당해서 체크하는 방식 말고 != nil을 통해 체크하는 방법도 꽤 괜찮게 보인다 근데 선언한 상수를 써먹지 않을 경우에만 이렇게 쓰고 nil이 아닐 경우의 값을 빼와서 써야 할 경우는 당연히 if let을 쓰는 게 낫다

옵셔널바인딩 2. guard let

if let이랑 똑같은데 guard가 더 깔끔한? 코드를 짤 수 있다카더라? 솔직히 뭔차이가 있는진 모르겠지만 guard를 사람들이 많이 쓰는 것 같아서 이걸로 연습해야겠다

• guard는 함수 안에서 실행할 수 있다
• return을 써야 한다

이런 특징을 갖고 있다 위의 코드에서는 from을 String 타입으로 선언했고, pasedInt에서 from을 Int로 타입캐스팅 해주었다 즉 from에는 "10"이 들어가면 Int로 변환이 가능하지만 from에 "하이"처럼 문자가 들어가면 변환이 안 되기 때문에 else로 빠진다

닐 코얼레이싱

String에 옵셔널 값을 할당하려고 하면 에러가 뜬다 그런데 ??를 통해 nil일 경우에 할당할 기본값을 설정하여 할당할 수 있다 우측에 보이는 것처럼 모델 5가 할당된 것을 확인 가능

이렇게 carName의 값이 존재할 경우에는 ?? 뒤에 할당한 기본값이 아닌 원래 있던 값이 할당된 것을 확인 가능

5-12 옵셔널 도전과제

도전과제는 이러하다 님들도 해보시길 추천드림

1, 2번

위에서 String?으로 옵셔널 선언해주면 됨 if let으로 해도 되지만 나는 guard 연습 중이라 이렇게 했음

3번

이건 입력 파라미터에 String?을 만들어준 게 2번과 다른 점임 이게 좋은 게 따로 뭔가 안 만들고 한 방에 처리할 수 있어서 편하네

refeat

repeat {
    반복할 코드
} while 조건

repeat {
    print("hi")
    i += 1
} while i < 10

최초 1번은 반복할 코드가 실행된다는 게 특징

for - in - where

위와 아래는 같은 결과를 도출함 where을 통해 조건 처리가 가능함 장점이라면 코드 줄 수가 줄어든다는 것

continue

i == 3이라는 조건일 경우에는 코드를 넘긴다는 의미 고로 print가 실행되지 않음 출력값은 3빼고 1 ~ 10까지 출력이 됨

for 안에 for

이렇게 활용 가능함

그러나 성능이 안 좋고, 가독성도 떨어져 비추천

switch 심화

• where을 통해 조건 설정 가능
• let을 통해 값을 유추할 수 있음
• _(언더스코어)를 통해 빈값으로 넣는 것도 가능
• case에 1...10 이런 범위 사용 가능
• case 조건이 문자일 경우 "pet", "cat" 이렇게 이어서 사용 가능

설치 방법

https://medium.com/harrythegreat/oh-my-zsh-iterm2로-터미널을-더-강력하게-a105f2c01bec

터미널 명령어

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=thdbsgh3443&logNo=221286374424

터미널 git 명령어

https://gorokke.tistory.com/22

명령어는 구글링만 하면 다 나오니까 문제없음

앞으로 잔디쌓을 때 터미널 활용을 연습해야겠다.

Chapter 2. 깃 협업 방식 전체 흐름

• main ppt로

• 키워드 : main branch, subBranch,

• 파일에는 숨겨진 파일이 존재함 .으로 된 것이 그러함 - 안 보이는 파일 찾으려면 이렇게

• 파일에 진입하려면 cd를 통해 진입

• branch 파는 방법

• 전체 맥락

• commit

• push

• pull request

• mergy : 혼자서 작업을 한다면 풀리퀘하고 바로 머지가 되는 것인데. 협업을 할 때는 전체에 합치기 전(머지) 검수를 하기 때문에 작업이 풀리퀘, 머지로 나눠짐

큰 맥락

협업을 할 때는 각자 할 일을 나눠서 작업하고 전체에 합쳐주는 방식으로 진행한다 자동차라고 치면 엔진, 문, 핸들 이렇게 부분을 나눠 작업하고 하나로 합친다고 이해하면 된다

근데 내가 제작한 문이 제대로 작동하는지, 규격이 적절한지 체크하지 않고 무작정 자동차 프레임에 합치면 문제가 발생할 수 있다 그래서 완전히 합치기 전 Pull Request를 통해 팀원들에게 내가 이렇게 만들었다는 것을 보여준다 팀원들도 이를 보고 적절하다고 판단하면 수락하게 되고 병합된 것을 Merge 되었다고 표현한다

세부 사항

팀 전체가 최종적으로 합치게 될 것을 main branch라고 한다 그리고 각각의 개발자들은 main 브렌치를 복제한 개인의 branch를 따로 파서 작업한다

add

add 명령어는 commit으로 기록하기 전에 변경된 것들을 "Staging Area에 모아놓는 역할"을 한다 그렇기에 commit을 하기 전까지는 사실 Git directory에 아무런 영향을 미치지 않는다

commit

add를 통해 Staging Area에 올린 것을 commit으로 '저장'하게 된다 나는 이걸 게임의 세이브포인트로 이해했다

push

commit으로 기록한 것을 push 때리면 github에 짜란하고 올라간다

내가 봐도 설명이 부족하고, 실제 적용을 하지 않아 아직 이해도가 적으니 구글링해보시길...

Chapter 3. TableView xib

TableViewCell 파일을 만들면서 중단에 XIB fire 이 부분을 체크하면 파일이 생성된다

Chapter 4. TableView 작업

• 기존 방식과 다른 부분 (extention, xib ...)

• class (공장)
• extention 공장 몇 개 더 찍어낼 수 있도록? 어쨌든 클래스의 확장 느낌? 느낌적인 느낌?
• imageView의 경우에는 x축, y축에 크기까지 설정해야 빨간색이 안 뜸(auto layout에 빨간색 나오는 건 문제가 있다는 의미)
• cell 높이 설정 - heightForRowAt

1) 내가 만든 cell로 지정해주기

우리가 만든 xib 파일을 뷰컨에 지정해주는 작업

그리고 이렇게 아래에서 만든 delegate, dataSource를 불러오고

이걸 ViewDidLoad에 넣어주면 된다

2) DataSource로 cell의 데이터 지정하기

2-1) cell 개수

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return nameList.count
    }

nameList.count 만큼 cell을 가져온다는 뜻 숫자를 넣어줘도 됨 API를 사용한다면 API로 불어들인 데이터 리스트의 count를 해주면 되겠다

2-2) cell 요소에 들어갈 데이터

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        //as?로 타입캐스팅?을 처리해야 클래스에 우리가 추가한 내용까지 활용 가능함
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "PogTestTVC") as? PogTestTVC else {
            return UITableViewCell()
        }
        // 언제 . () [] 이걸 사용하는지 이해하지 못함
        cell.nameLabel.text = nameList[indexPath.row]
        cell.imageView?.image = UIImage(named: nameList[indexPath.row])
        return cell
    }

3) Delegate로 액션, 높이 설정

3-1) 셀 높이

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 200
    }

3-2) 셀 눌렀을 때 액션

내 경우 액션을 추가하지 않았음

func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        <#code#>
    }

Chapter 5. TableViewCell 작업

import UIKit

class POGTableViewCell: UITableViewCell {

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

VC 파일을 xib 파일과 만들면 위와 같은 코드가 제공된다 여기서는 아래처럼 요소만 아울렛으로 연결해주면 된다 나머지는 VC 파일에서 진행한다

import UIKit

class PogTestTVC: UITableViewCell {

    //static let identifier = "PogTestTVC"

    @IBOutlet weak var profileImageView: UIImageView!
    @IBOutlet weak var nameLabel: UILabel!

    override func awakeFromNib() {
        super.awakeFromNib()
        // Initialization code
    }

    override func setSelected(_ selected: Bool, animated: Bool) {
        super.setSelected(selected, animated: animated)

        // Configure the view for the selected state
    }

}

앞으로 할 것

• class
• 전체 개념 이해

• 랜덤 숫자는 arc4random_uiniform(최대 수)
• 오브젝트는 데이터와 매소드로 구성되었다는 것
• 변수는 local로 선언할지, instance로 선언할지 중요

요정도

2200 "멈춰!" 외쳤다가 멈춰가 팀 이름이 되어버렸다 아쉽게도 급한 이슈가 생겨서 게임은 참여하지 못했다 빡쌔게 달려보자 :)

2300 핫식스 하나 야무지게 비웠다 지금 riot API 사용을 공부하고 있다 API Key도 다시 신청해야 하고... API 어렵다...

2400 API 조사하고 있음 다른 사람들은 어떻게 적용했나 찾음

0100 저녁 8시부터 빡쌔게 달렸던 나에게 주는 달달한 휴식...!

0200 API 실제 적용을 해야 감이 잡힐 것 같아서 검색 API를 우선 구현하고 있음

0300 게더에서 한바퀴 돌았는데 와 다같이 G누르고 도니까 게더가 멈춰버린다 매니저님에게 전화도 왔는데 아이디어 얘기하며 장난쳤는데 잼썼당 일단 리액션이 너무 혜자신 것 같음 ㅇㅇ;

0400 배고파서 샌드위치를 먹었는데 매니저님과 팀 사람들에게 걸렸다 베이컨 샌드위치가 맛있다고 강력 추천드렸다 ㅋㅋㅋㅋㅋㅋㅋ

0500 매니저님과의 2차 통화! 매니저님도 졸리신 것 같음... 나도 조금 쉬고 있었는데 다시 의욕이 생긴다

0600 하늘이 파스텔톤이 됐다 마지막에는 집중력이 흐려져서 다른 작업을 마무리했다 역시 다같이 하니까 더 의욕이 생겼던 것 같다 다들 너무 고생 많으셨습니다 :)

꺼이꺼이꺼이꺼이 이게 되네 ㅋㅋ

import UIKit

class BountyViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    let nameList = ["luffy","zoro","sanji","nami","robin","chopper","franky","brook"]
    let bountyList = [300000000, 120000000, 77000000, 16000000, 80000000, 50, 44000000, 33000000]

    override func viewDidLoad() {
        super.viewDidLoad()

    }


    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return bountyList.count
    }

    // 여기가 이 셀을 반복한다 이런 곳이니까 이곳에다가 데이터를 넣는다...? 일단 dataSource니까 이쪽이 맞는 것 같긴함
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        // "cell"부분에는 tableViewCell의 식별자를 똑같이 cell로 맞춰야 함
        guard let cell = tableView.dequeueReusableCell(withIdentifier: "cell", for: indexPath) as? ListCell else {
            return UITableViewCell()
        }

    let img = UIImage(named: "\(nameList[indexPath.row]).jpg")
    cell.imgView.image = img
    cell.nameLabel.text = nameList[indexPath.row]
    cell.bountyLabel.text = "\(bountyList[indexPath.row])"
    return cell
    }


    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        print("-->\(indexPath.row)")
        performSegue(withIdentifier: "showDetail", sender: nil)
        //모달코드
//        guard let modalVC = self.storyboard?.instantiateViewController(identifier: "ModalViewController") as? ModalViewController else {return}
//        self.present(modalVC, animated: true, completion: nil)

    }
}


class ListCell: UITableViewCell {
    @IBOutlet weak var imgView: UIImageView!
    @IBOutlet weak var nameLabel: UILabel!
    @IBOutlet weak var bountyLabel: UILabel!
}

이게 전체 코드인데 크게 2가지 부분이 추가됐다

1. imageView, label에 데이터를 넣는 작업

class ListCell로 선언한 부분은 class개념을 잘 몰라서; guard let else는 걍 if랑 비슷함

let img = UIImage(named: "\(nameList[indexPath.row]).jpg")
cell.imgView.image = img
cell.nameLabel.text = nameList[indexPath.row]
cell.bountyLabel.text = "\(bountyList[indexPath.row])"
return cell

여기 코드가 중요한데 이걸 통해 데이터를 image와 label에 넣어줄 수 있음

    return bountyList.count

또한 이걸 통해 같고 있는 리스트의 index 수만큼 셀을 생성 가능

일단 이렇게 UITableViewDataSource, UITableViewDelegate를 추가하면 빨갛게 표시되면서 fix를 누르면 코드를 준다

그게 바로 이렇게 2가지인데 내용을 채워주면 된다 첫 번째 func의 경우에는 이 셀이 몇 개 나올 것인지 설정할 수 있는데 5 이렇게 숫자를 넣어줄 수 있지만 나중에는 가져올 API나 JSON 데이터의 index 넘버를 가져올 수 있을 것 같다

두 번째 함수는 제대로 이해하지 못했는데 cell는 재활용하는데 그걸 dequeueReusableCell을 통해 cell을 indexPath의 위치에서 계속 재활용한다? 뭐 이런 의미인듯? 쨌든 필수로 들어가야할 코드니까 일단 외운다

또 중요한 게 있는데 우리가 tableViewController에 적은 코드를 연결할 필요가 있음 위에 보이는 것처럼 dataSource, delegate를 뷰컨에 연결해야 인식함 마지막으로 cell의 Identifier를 위의 코드와 같게 cell로 맞춰야 함

이건 Delegate 부분인데 셀을 눌렀을 때 어떻게 반응할 것인지를 설정한다 여기서는 print를 통해 누른 셀의 row를 출력하도록 했다

UIAlertController으로 얼럿의 만든다 이를 통해 title, message를 설정할 수 있다

let alert = UIAlertController(
title: "반갑다", 
message: "이제 씻을란다", 
preferredStyle: .alert)

UIAlertAction을 통해 얼럿의 버튼을 만든다

let action = UIAlertAction(
            title: "OK",
            style: .default,
            handler: nil)

    @IBAction func hello(_ sender: Any) {
      let alert = UIAlertController(title: "반갑다", message: "이제 씻을란다", preferredStyle: .alert)
        let action = UIAlertAction(
            title: "OK",
            style: .default,
            handler: nil)

        //
        alert.addAction(action)
        present(alert, animated: true, completion: nil)
    }

@IBAction func hello(_ sender: Any) {
  let alert = UIAlertController(title: "반갑다", message: "이제 씻을란다", preferredStyle: .alert)
    let action = UIAlertAction(
        title: "OK",
        style: .default,
        handler: nil)

    alert.addAction(action)

    present(alert, animated: true, completion: nil)
}

present를 안 쓰면 얼럿이 안 나옴 alert.addAction(action)이 있어야 액션이 붙음