오늘 다룰 주제는 자동 로그인(Session)을 유지하는 방법에 대해 작성해볼려고 합니다

기본 동작

Apple 로그인 세션을 유지 할려면 Apple의 인증 상태를 앱 실행시 마다 체크를 해주어야 됩니다. 만료 되지 않은 세션이 있는지 검증을 해야됩니다. 사용자가 로그인을 하면 apple에서는 userIdentifier 가 발급이 됩니다, 이 값은 사용자를 식별하는데 도움이 됩니다.

이 값을 UserDefaults , Coredata 등에 저장해두고, 앱이 실행될 떄마다 이를 사용하여 세션 유효성을 검증할 수 있습니다

구현

func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
    if let appleIDCredential = authorization.credential as? ASAuthorizationAppleIDCredential {
        let userIdentifier = appleIDCredential.user

        // userIdentifier를 UserDefaults에 저장
        UserDefaults.standard.set(userIdentifier, forKey: "appleUserIdentifier")

        // 로그인 성공 처리
        print("Apple ID 로그인 성공, UserIdentifier: \(userIdentifier)")
    }
}

로그인을 진행하고 로그인이 완료 되면 appleIDCredential.user

을 저장해줍니다.

앱이 실행될때 세션이 유효한지를 확인 하기위해서는

Appdelegate 혹은 SceneDelegate 에서 체크를 해주어야 합니다

저 같은 경우엔 SceneDelegate 에서 체크를 해줍니다

func checkAppleSignInState(completion: @escaping (Bool) -> Void) {
    let appleIDProvider = ASAuthorizationAppleIDProvider()

    // 저장된 사용자 ID 가져오기
    if let userIdentifier = UserDefaults.standard.string(forKey: "appleUserIdentifier") {

        // Apple ID 상태 확인
        appleIDProvider.getCredentialState(forUserID: userIdentifier) { credentialState, error in
            switch credentialState {
            case .authorized:
                print("Apple ID 로그인 세션 유효")
                completion(true) // 로그인된 상태
            case .revoked, .notFound:
                print("Apple ID 로그인 세션 만료 또는 자격 없음")
                completion(false) // 로그인되지 않은 상태
            default:
                completion(false)
            }
        }
    } else {
        // 사용자 ID가 없으면 로그인되지 않은 상태로 처리
        completion(false)
    }
}

UserDefaults 에서 아까 저장해둔 데이터를 불러와주고 유효성을 체크합니다

저는 여기서 의문점이 생겼습니다. appleIDCredential.user 같은 경우에는 민감한 데이터인데 UserDefaults 에 암호화 없이 저장을 해도 될까 라는 생각이 들어 찾아보니 appleIDCredential.user 는 개인정보(전화번호, 이름, 주민번호)등의 민감한 정보가 아니라 사용자 식별용 데이터입니다 그러므로 저는 Userdefaults에 저장해도 된다고 판단 하였습니다 !

본론으로 들어가기전 Nonce에 대해 설명을 짧게 하도록 하겠습니다.

Nonce란

한번만 사용되는 문자열과 정수열의 난수를 말합니다

통상적으로 암호화 통신에 사용이 되고 한번만 사용하기 때문에 짧은 시간내에 여러번의 공격

Replay Attack과 CSRF을 예방할 수 있습니다.

1. LoginViewController

클래스 안에

fileprivate var currentNonce: String?

위와 같이 클래스 내에 선언 해주세요.

• 로그인을 요청할 때 사용하는 임시 nonce 값(임의의 문자열을 저장합니다)

  해시화 후 apple로 보냅니다.

2. func startSignInApple()

이 메서드는 apple 로그인 flow를 시작하는 핵심적인 부분 입니다.

이 메서드 안에는 randomNonceString(length: ) , sha256(_: )

두가지 함수가 있습니다.

randomNonceString(: )

이 메서드는 보안 목적으로 사용하는 Nonce를 무작위로 생성합니다

SecRandomCopyBytes: 시스템의 보안 난수 생성기를 사용해 랜덤한 바이트 배열을 생성합니다.

sha246(_: )

이 메서드는 문자열을 sha256으로 해시화 합니다

• Apple 로그인을 요청할 때, nonce를 가냥 보내는 것이 아니라 보안 강화를 위해 해시화한 값을 보내는 것입니다.

5. Apple 로그인 성공 처리

ASAuthorizationControllerDelegate 프로토콜을 채택해 Apple 로그인이 성공했을 때, 또는 실패했을 때 처리할 수 있습니다.

• didCompleteWithAuthorization(): 로그인이 성공하면 호출됩니다. Apple로부터 받은 identityToken을 이용해 Firebase와 연동해 인증합니다.
  • currentNonce: 로그인 요청 시 생성한 nonce가 유효한지 확인합니다.
  • identityToken: Apple에서 발급한 토큰으로 사용자 인증을 진행합니다.
  • OAuthProvider.appleCredential: Firebase와 연동할 수 있는 인증 정보(credential)를 생성합니다.
  • Auth.auth().signIn: Firebase에 이 인증 정보로 로그인 요청을 보냅니다.

6. Apple 로그인 실패 처리

• didCompleteWithError(): 로그인이 실패했을 때 호출되며, 에러를 출력합니다

전체코드

private extension LoginViewController {

    func startSignInApple() {
        let nonce = randomNonceString()
        currentNonce = nonce
        let appleIDProvider = ASAuthorizationAppleIDProvider()
        let request = appleIDProvider.createRequest()
        request.requestedScopes = [ .fullName, .email]
        request.nonce = sha256(nonce)

        let authorizationController = ASAuthorizationController(authorizationRequests: [request])
        authorizationController.delegate = self
        authorizationController.presentationContextProvider = self
        authorizationController.performRequests()    }

    @available(iOS 13, *)
    func randomNonceString(length: Int = 32) -> String {
        precondition(length > 0)
        var randomBytes = [UInt8](repeating: 0, count: length)
        let errorCode = SecRandomCopyBytes(kSecRandomDefault, randomBytes.count, &randomBytes)
        if errorCode != errSecSuccess {
            fatalError(
                "Unable to generate nonce. SecRandomCopyBytes failed with OSStatus \(errorCode)"
            )
        }
        let charset: [Character] =         Array("0123456789ABCDEFGHIJKLMNOPQRSTUVXYZabcdefghijklmnopqrstuvwxyz-._")
        let nonce = randomBytes.map { byte in
            // 필요한 경우 세트에서 무작위로 캐릭터를 선택하여 랩을 감음
            charset[Int(byte) % charset.count]
        }
        return String(nonce)
    }

    func sha256(_ input: String) -> String {
        let inputData = Data(input.utf8)
        let hashedData = SHA256.hash(data: inputData)
        let hashString = hashedData.compactMap {
            String(format: "%02x", $0)
        }.joined()
        return hashString
    }
}
extension LoginViewController: ASAuthorizationControllerDelegate {
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        if let appleIDcredential = authorization.credential as? ASAuthorizationAppleIDCredential {
            guard let nonce = currentNonce else {
                fatalError("Invalid state: 로그인 콜백이 수신되었지만 로그인 요청이 전송되지 않았습니다.")
            }
            guard let appleIDToken = appleIDcredential.identityToken else {
                print("식별토큰을 가져올 수 없습니다.")
                return
            }
            guard let idTokenString = String(data: appleIDToken, encoding: .utf8) else {
                print("데이터에서 토큰 문자열을 직렬화 할 수 없음: \(appleIDToken.debugDescription)")
                return
            }
            // 사용자의 전체 이름을 포함한 Firebase 자격 증명을 초기화합니다.
            let credential = OAuthProvider.appleCredential(withIDToken: idTokenString, rawNonce: nonce, fullName: appleIDcredential.fullName)

            // Firebase에 로그인하기.
            Auth.auth().signIn(with: credential) { authResult, error in
                if let error = error {
                    print("Apple Signin Error: \(error.localizedDescription)")
                    return
                }
                //로그인에 성공했을 시 실행할 메서드
            }
        }
    }
    func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: any Error) {
        // 에러 핸들링
        print("Sign in with Apple errored: \(error)")
    }
}
extension LoginViewController: ASAuthorizationControllerPresentationContextProviding {
    func presentationAnchor(for controller: ASAuthorizationController) -> ASPresentationAnchor {
        // Apple 로그인 인증 창 띄우기
        return self.view.window ?? UIWindow()
    }
}

Delegate Pattern이란 class, struct 가 위임해 기능을 수행하는 방식입니다.

솔직히 전 이해가 잘 안됩니다.

코드를 먼저 볼게요.

//부품 정의
protocol Parts: AnyObject {
    func makePart() -> String
}

//자동차 공장 정의
class Factory {
    weak var delegate: Parts?
    init () {}

    func partsOrder() {
        guard let part = delegate?.makePart() else { return }
        print("주문했던 \(part)이 도착했습니다.")
    }
}
//부품 생성 정의

class Engine: Parts {
    func makePart() -> String {
        "engine"
    }
}

let factory = Factory()
let engine = Engine()

factory.delegate = engine

factory.partsOrder() 

여기서 중요한 부분은 Factory 클래스를 수정하지 않고도 print 를 수정할 수 있는 장점이 있습니다

저는 자동차 공장이 돌아가는 시나리오로 코드를 작성해봤습니다.

위 사진을 보면 이해가 조금 쉬울것 같습니다.

1. 필요 부품 정의

   먼저 주문을 하기전에 필요한 부품이 뭔지를 알아야 주문을 할 수 있기 때문에 정의를 해줍니다.

   코드에서는 makePart() 함수는 String 타입을 반환하게 설계되었습니다.

2. 부품 주문

   부품 주문 부분에서는 필요한 부품이 뭔지 확인했고 makePart 반환되는 String 사용합니다.

3. 부품 제작

   부품 제작에서는 정의한 프로토콜에 맞게 makePart 함수를 사용해 리턴할 값을 저장해줍니다.

4. 부품 전달

   전달에서는 delegate 를 위임합니다

Delegate 패턴을 사용하면 매인 클래스의 수정을 최소화 하여 코드를 추가하고 수정이 용이하다고 생각을합니다.

개인적으로 꼭 알고 있어야 될 패턴이라고 생각을 합니다.

Singleton Pattern이란?

싱글톤 패턴은 특정한 용도에 맞게 객체를 하나만 생성하여 공용으로 사용하고 싶을 때 사용하는 패턴입이다.

예제

싱글톤의 나쁜 예

class Employess {
    number: Int
    name: String
    address: String
}

employees 클래스를 만들고 사원에 정보를 담아줍니다

//NumberViewController.swift
let emp = Employess()
emp.number = 123

//NameViewController.swift
let emp = Employess()
emp.name = "DeukRyoeng"

//AddressViewController.swift
let emp = Employess()
emp = address = "DeukRyoeng"

이런식으로 만들면 각 뷰마다 객체를 생성하여 총 3개의 객체가 생성됩니다

이렇게 각 ViewController에 Instance를 생성하게 되면 데이터 일관성에 문제가 생깁니다.

하나의 인스턴스를 만들어 어떤 클래스에서든 접근이 가능하도록 만드는것이 싱글톤 패턴입니다

싱글톤 패턴의 좋은예?

class Employess {
    static let shared = Employess()
    number: Int
    name: String
    address: String

    private init() { }    
}

static 으로 전역 변수로 지정 해줍니다.

init 함수 접근제어자를 private 으로 지정

다른 인스턴스 생성을 예방 해줍니다.

끝

UserDefaults

1. 간단한 사용법

   UserDefaults는 사용하기 매우 간편합니다. Key - Value 쌍을 저장하고 불러오는 방식으로, 단순한 데이터 저장에 적합합니다.

    UserDefaults.standard.set("value", forKey: "key")
    let value = UserDefaults.standard.string(forKey: "key")

2. 자동 동기화

   UserDefaults에 저장된 데이터는 앱이 백그라운드로 들어갈 때 자동으로 동기화됩니다.

CoreData

1. 복잡한 데이터 구조

   CoreData는 객체 그래프와 영속성을 관리할 수 있는 강력한 프레임워크입니다. 관계형 데이터베이스 모델처럼 복잡한 데이터 구조를 관리할 수 있습니다.

2. 성능 최적화

   CoreData는 내부적으로 SQLite를 사용하여 데이터를 관리하므로 대용량 데이터 처리가 효율적입니다.

3. 데이터 쿼리

   NSPredicate를 사용하여 복잡한 쿼리를 실행할 수 있습니다.

    let fetchRequest: NSFetchRequest<Entity> = Entity.fetchRequest()
    fetchRequest.predicate = NSPredicate(format: "attribute == %@", "value")
    let results = try context.fetch(fetchRequest)

결론

• UserDefaults: 간단한 설정 값이나 작은 데이터를 저장할 때 유용합니다.
• CoreData: 복잡한 데이터 구조를 관리하고, 대용량 데이터를 처리하며, 관계형 데이터를 다룰 때 적합합니다.

친구목록 만들기

//ContactCellView.swift
import UIKit
import SnapKit

class ContactCellView:UITableViewCell {

    static let identifier = "ContactCell"
    //전역변수로 선언

    let image:UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(systemName: "person")
        imageView.translatesAutoresizingMaskIntoConstraints = false
        return  imageView

    }()

    let nameLabel: UILabel = {
        let label = UILabel()
        label.text = "파이리"
        label.textColor = UIColor.black
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    let numberLabel: UILabel = {
        let label = UILabel()
        label.text = "010-0000-0000"
        label.textColor = UIColor.black
        label.translatesAutoresizingMaskIntoConstraints = false
        return label
    }()

    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)

        addContentView()
        autoLayout()

    }

    required init?(coder: NSCoder) {
         fatalError("init(coder:) has not been implemented")
     }

    private func addContentView() {
        contentView.addSubview(image)
        contentView.addSubview(nameLabel)
        contentView.addSubview(numberLabel)
    }

    private func autoLayout() {
        image.snp.makeConstraints {
            $0.size.width.height.equalTo(80)
        }
        nameLabel.snp.makeConstraints {
            $0.leading.equalTo(image.snp.trailing).offset(30)
            $0.top.equalTo(30)


        }
        numberLabel.snp.makeConstraints {
            $0.leading.equalTo(nameLabel.snp.trailing).offset(50)
            $0.top.equalTo(30)

        }
    }

}

TableView

extension ViewController:UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 10
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: ContactCellView.identifier, for: indexPath) as! ContactCellView
        cell.image.image = UIImage(systemName: "person.circle")
        cell.nameLabel.text = "Test Title"
        return cell
    }
}
extension ViewController:UITableViewDelegate {
    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
            print("select \(indexPath.row)")
        }
}

이제 Navigation Title을 만들어주겠습니다.

ViewController

title = "친구 목록"
        navigationController?.navigationBar.titleTextAttributes = [
            NSAttributedString.Key.font : UIFont.systemFont(ofSize: 20, weight: .bold),
            NSAttributedString.Key.foregroundColor : UIColor.black
        ]

위 코드가 ViewDidload 에서 동작 되어야 합니다. 또한 추가적으로 SceneDelegate도 코드를 추가 해줘야 합니다.

SceneDelegate

let navigationContoller = UINavigationController(rootViewController: ViewController())

RootView 를 navigationContoller로 바꿔주시면 됩니다

다음으로는 NavigationBaritem 추가해주겠습니다.

let addButton = UIBarButtonItem(title: "추가", style: .plain, target: self, action: nil)
        addButton.tintColor = UIColor.gray
        navigationItem.rightBarButtonItem = addButton

이제 추가 버튼을 눌렀을때 연락처를 추가할 수 있는 View를 만들어 줘야합니다.

import UIKit
import SnapKit

class PhoneBookViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        addSubView()
        setupNavigation()
        view.backgroundColor = .white
    }

    let image:UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(named: "imageSP")
        imageView.translatesAutoresizingMaskIntoConstraints = false
        imageView.layer.borderWidth = 2
        imageView.layer.cornerRadius = 90
        imageView.layer.masksToBounds = true
        imageView.layer.borderColor = UIColor.gray.cgColor
        return  imageView

    }()

    let randomButton: UIButton = {
        let button = UIButton()
        button.setTitle("랜덤이미지 변경", for: .normal)
        button.titleLabel?.font = .systemFont(ofSize: 20)
        button.setTitleColor(.gray,for: .normal)
        return button
    }()

    @objc func randomBtnTapped(_ sender: UIButton) {
        print("버튼 탭")
    }
}

extension PhoneBookViewController {
    private func addSubView() {
        [randomButton, image].forEach({view.addSubview($0)})
        self.randomButton.addTarget(self, action: #selector(randomBtnTapped(_: )), for: .touchUpInside)
        image.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.size.width.height.equalTo(180)
            $0.top.equalTo(130)
        }
        randomButton.snp.makeConstraints {
            $0.top.equalTo(image.snp.bottom).offset(40)
            $0.centerX.equalToSuperview()
        }
    }
    private func setupNavigation() {
        title = "연락처 추가"
        navigationController?.navigationBar.titleTextAttributes = [
            NSAttributedString.Key.font : UIFont.systemFont(ofSize: 20, weight: .bold),
            NSAttributedString.Key.foregroundColor : UIColor.black
        ]    }

}

이름과, 전화번호를 입력할 수 있는 TextField를 추가해주겠습니다.

let nameField: UITextField = {
        let field = UITextField()
        field.placeholder = "이름을 입력해주세요."
        field.borderStyle = .roundedRect
        field.translatesAutoresizingMaskIntoConstraints = false
        return field
    }()

    let numberField: UITextField = {
        let field = UITextField()
        field.placeholder = "이름을 입력해주세요."
        field.borderStyle = .roundedRect
        field.translatesAutoresizingMaskIntoConstraints = false
        return field
    }()
    nameField.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.trailing.equalTo(-20)
            $0.leading.equalTo(20)
            $0.height.equalTo(40)
            $0.top.equalTo(randomButton.snp.bottom).offset(30)
        }
        numberField.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.trailing.equalTo(-20)
            $0.leading.equalTo(20)
            $0.height.equalTo(40)
            $0.top.equalTo(nameField.snp.bottom).offset(10)
        }

이제는 번호가 입력되면 010-0000-0000 “ - “ 를 넣어주겠습니다.

포맷팅을 쉽게 하기 위하여 anyFormatKit을 사용하도록 하겠습니다.

//viewDidload
numberfield.delegate = self

extension PhoneBookViewController: UITextFieldDelegate {
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {

        guard let text = numberField.text else {
            return false
        }
        let characterSet = CharacterSet(charactersIn: string)
        if CharacterSet.decimalDigits.isSuperset(of: characterSet) == false {
            return false
        }

        let formatter = DefaultTextInputFormatter(textPattern: "###-####-####")
        let result = formatter.formatInput(currentText: text, range: range, replacementString: string)
        textField.text = result.formattedText
        let position = textField.position(from: textField.beginningOfDocument, offset: result.caretBeginOffset)!
        textField.selectedTextRange = textField.textRange(from: position, to: position)
        return false
    }
}

화면에 보이는 점들은 iOS 18에 있는 차량 모션큐 때문입니다. 차타고 여행가는도중에도 코딩을 합니다 !!!!!

이제 https://pokeapi.co/api/v2/pokemon/ 이 도메인 에서 랜덤버튼을 눌렀을때 이미지를 가져올려고 합니다. 먼저 어떤 데이터를 받아와야 되는지 Json 형태로 입니다 QuickType 통해서 Struct로 변환 하겠습니다.

Json Data

{
  "id": 25,
  "name": "pikachu",
  "height": 4,
  "weight": 60,
  "sprites": {
    "front_default": "https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/25.png"
  }
}

https://app.quicktype.io/

이제는 Get 메서드를 사용해서 이미지를 받아오겠습니다.

URL이 잘 나옵니다.

import Foundation
import Combine

class ViewModel: NSObject {
    @Published var pokemon: PokeAPI?
    @Published var errorMessage: String?

    func fetchPokemonData(for id: Int, completion: @escaping (PokeAPI?) -> Void) {
           let urlString = "https://pokeapi.co/api/v2/pokemon/\(id)"
           guard let url = URL(string: urlString) else {
               errorMessage = "Invalid URL"
               completion(nil)
               return
           }

           URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
               if let error = error {
                   DispatchQueue.main.async {
                       self?.errorMessage = "Error: \(error.localizedDescription)"
                       completion(nil)
                   }
                   return
               }

               guard let data = data else {
                   DispatchQueue.main.async {
                       self?.errorMessage = "No data returned"
                       completion(nil)
                   }
                   return
               }

               do {
                   let pokemon = try JSONDecoder().decode(PokeAPI.self, from: data)
                   DispatchQueue.main.async {
                       self?.pokemon = pokemon
                       completion(pokemon)
                   }
               } catch {
                   DispatchQueue.main.async {
                       self?.errorMessage = "Decoding error: \(error.localizedDescription)"
                       completion(nil)
                   }
               }
           }.resume()
       }
}

위에 코드는 다음 글에서 자세히 설명하도록 하겠습니다.

PhoneBookViewController.swift

//
//  PhoneBookViewController.swift
//  Pokemon_Contact
//
//  Created by DEUKRYEONG LEE on 7/12/24.
//

import UIKit
import SnapKit
import AnyFormatKit

class PhoneBookViewController: UIViewController {

    let getdata = GetData()

    let vm = ViewModel()

    override func viewDidLoad() {
        super.viewDidLoad()
        addSubView()
        setupNavigation()
        view.backgroundColor = .white
        numberField.delegate = self


    }

    let image:UIImageView = {
        let imageView = UIImageView()
        imageView.image = UIImage(named: "imageSP")
        imageView.translatesAutoresizingMaskIntoConstraints = false
        imageView.layer.borderWidth = 3
        imageView.layer.cornerRadius = 90
        imageView.layer.masksToBounds = true
        imageView.layer.borderColor = UIColor.gray.cgColor
        return  imageView

    }()

    let randomButton: UIButton = {
        let button = UIButton()
        button.setTitle("랜덤이미지 변경", for: .normal)
        button.titleLabel?.font = .systemFont(ofSize: 15)
        button.setTitleColor(.gray,for: .normal)
        return button
    }()

    let nameField: UITextField = {
        let field = UITextField()
        field.placeholder = "이름을 입력해주세요."
        field.borderStyle = .roundedRect
        field.translatesAutoresizingMaskIntoConstraints = false
        return field
    }()

    let numberField: UITextField = {
        let field = UITextField()
        field.placeholder = "전화번호를 입력해주세요."
        field.borderStyle = .roundedRect
        field.keyboardType = .numberPad

        field.translatesAutoresizingMaskIntoConstraints = false
        return field
    }()

    @objc func randomBtnTapped(_ sender: UIButton) {
        fetchData()

    }
}

extension PhoneBookViewController {
    private func addSubView() {
        [randomButton, image, nameField, numberField].forEach({view.addSubview($0)})
        self.randomButton.addTarget(self, action: #selector(randomBtnTapped(_: )), for: .touchUpInside)
        image.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.size.width.height.equalTo(180)
            $0.top.equalTo(130)
        }
        randomButton.snp.makeConstraints {
            $0.top.equalTo(image.snp.bottom).offset(10)
            $0.centerX.equalToSuperview()
        }
        nameField.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.trailing.equalTo(-20)
            $0.leading.equalTo(20)
            $0.height.equalTo(40)
            $0.top.equalTo(randomButton.snp.bottom).offset(30)
        }
        numberField.snp.makeConstraints {
            $0.centerX.equalToSuperview()
            $0.trailing.equalTo(-20)
            $0.leading.equalTo(20)
            $0.height.equalTo(40)
            $0.top.equalTo(nameField.snp.bottom).offset(10)
        }
    }
    private func setupNavigation() {
        title = "연락처 추가"
        navigationController?.navigationBar.titleTextAttributes = [
            NSAttributedString.Key.font : UIFont.systemFont(ofSize: 20, weight: .bold),
            NSAttributedString.Key.foregroundColor : UIColor.black
        ]    }

}

extension PhoneBookViewController: UITextFieldDelegate {
    func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {

        guard let text = numberField.text else {
            return false
        }
        let characterSet = CharacterSet(charactersIn: string)
        if CharacterSet.decimalDigits.isSuperset(of: characterSet) == false {
            return false
        }

        let formatter = DefaultTextInputFormatter(textPattern: "###-####-####")
        let result = formatter.formatInput(currentText: text, range: range, replacementString: string)
        textField.text = result.formattedText
        let position = textField.position(from: textField.beginningOfDocument, offset: result.caretBeginOffset)!
        textField.selectedTextRange = textField.textRange(from: position, to: position)
        return false
    }
}

extension PhoneBookViewController {
    private func fetchData() {
        let randomID = Int.random(in: 1...1000)
        vm.fetchPokemonData(for: randomID) { [weak self] pokemon in
            guard let self = self, let pokemon = pokemon else {
                return
            }
            self.updateUI(with: pokemon)
        }
    }
    private func updateUI(with pokemon: PokeAPI) {
        nameField.text = "\(pokemon.name)"
//        heightLabel.text = "Height: \(pokemon.height)"
//        weightLabel.text = "Weight: \(pokemon.weight)"
        if let url = URL(string: pokemon.sprites.frontDefault) {
            loadImage(from: url)
        }
    }
    private func loadImage(from url: URL) {
           URLSession.shared.dataTask(with: url) { [weak self] data, response, error in
               if let error = error {
                   DispatchQueue.main.async {
                       self?.showError("Image loading error: \(error.localizedDescription)")
                   }
                   return
               }

               guard let data = data, let image = UIImage(data: data) else {
                   DispatchQueue.main.async {
                       self?.showError("Failed to load image")
                   }
                   return
               }

               DispatchQueue.main.async {
                   self?.image.image = image
               }
           }.resume()
       }
    private func showError(_ message: String) {
            let alert = UIAlertController(title: "Error", message: message, preferredStyle: .alert)
            alert.addAction(UIAlertAction(title: "OK", style: .default))
            present(alert, animated: true)
        }
}

프로젝트 개요

프로젝트: MacM Coffee 주문앱 팀원소개:윤대성(팀장), 이득령, 김광현, 김솔비, 안지현

프로젝트 내용

이번에 진행한 프로젝트는 Mega Coffee 를 밴치마킹하여 제작된 앱입니다.

사용기술

• UI configuration

  UIView: 모든 UI 요소의 기본 클래스. UIButton: 터치 이벤트를 처리하는 버튼. UILabel: 텍스트를 표시하는 레이블. UIImageView: 이미지를 표시하는 뷰.

• Layout

  UIStackView: 수직, 수평으로 뷰 정렬 컨테이너. UIScrollView: 컨텐츠에 스크롤 기능을 추가해줌. UICollectionView: 커스텀 레이아웃을 사용하여 데이터 항목을 표시하는 뷰. UISegmentedControl: 여러 세그먼트 중 하나를 선택할 수 있는 컨트롤.

• Layout Tools

  SnapKit: Codebase 코딩을 보다 쉽게 해줌. AutoLayout: xcode에서 제공하는 서드파티 라이브러리.

• Programming, Tool

  Swift: iOS 앱 개발에 사용되는 프로그래밍 언어. Github: 코드 버전 관리를 위한 플랫폼.

Wire Frame

이번프로젝트에서 구현할 HomeView와 ModalView입니다 wireframe안에 RGB 박스들이 있는데요, 1 .파란색 박스는 App 상단로고 및 카테고리뷰를 담당합니다. 2 .빨간색 박스는 App 안에서 메뉴를 보여주고 선택이 될 수 있게 해주는 역할을 담당합니다 3. 마지막으로 초록색 박스는 위에 메뉴를 주문이 된 것들을 모아서 보여줍니다.

팀원 역할

• 김광현님 : 파란색 박스에 있는 카테고리뷰와 이미지를 담당했습니다
• 윤대성님, 박솔비님: 빨간색 박스안에 있는 콜렉션뷰를 만드는 역할을 하였습니다
• 이득령, 안지현님: 초록색 박스에 있는 ModalView, TabelView 담당 했습니다.

Ground Rule

gitHub

• Push후 팀원중 둘 이상이 Approve 해야지만 PR이 되게 설정
• Push 하기전 본인 브랜치에 Psuh 후 Main 브랜치가 아닌 Dev 브랜치에 Psuh
• PR 리뷰 하기

  팀원

• Error, Bug는 즉시 공유, 밑 공동으로 해결
• 나의 브랜치가 아닌 다른팀원 브랜치에 Push 금지

이렇게 프로젝트 진행전에 간단한 Wireframe 밑 Ground Rule을 설정했습니다 .

끝 ((참고로 프로젝트 끝나고 회고 하는거에용~!))

본론에 앞서 $0 은 고차함수에서 사용되는 클로저가 처리 하고 있는 현재의 요소를 나태냈습니다

map

map 함수는 기존 컬렉션 안에 있는 데이터를 가공해서 새로운 컬렉션을 만들어줍니다

예시코드

var arr = [1, 2, 3, 4, 5]

var str = [String]()

str = arr.map {
    if let intToStr = String?("\($0)") {
        return intToStr
    }
    return ""
}
print("\(str)")

1. arr 에는 정수 5개가 들어있습니다
2. str 배열을 타입은 문자열입니다
3. 배열타입안에 정수 타입 데이터를 문자열로 변경할려고 합니다.

filter

filter 는 배열에 조건을 만족하는것 들만 모아서 새로운 배열을 만듭니다

예시코드

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

let result = arr.filter{ $0 % 2 == 0 }

1. arr 배열에는 1 부터 10 까지 정수가 들어있습니다
2. result 상수는 arr 배열 요소중 2로 나누었을때 나머지가 0인 요소만 저장합니다.

reduce

reduce 는 컨테이너 안에 모든 요소를 결합하면 배출하는 고차함수 입니다

예시코드

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

let sum = arr.reduce(0) { $0 + $1 }

1. arr 배열안에는 1 부터 10까지 정수가 들어 있습니다
2. sum 은 arr 배열안에 있는 모든 수를 합친 값을 저장합니다.

• 설명

  reduce(0){ $0 + $1 }

  처음에는 $0 = 입니다 왜냐하면 reduce(0) 값의 0이라는 값이 있기 때문입니다.

  $1 은 에는 1이 들어갑니다 왜냐면 arr 의 첫번째 값은 1이기 때문입니다

  $1 에 있던 값은 다시 $0 으로 되돌아갑니다 $1 의 데이터는 2가 됩니다

  위에 동작들은 10이 배열에 모든 값들이 더해지면 끝납니다

야구게임이 뭔지는 잘 찾아보세요.

먼저 클래스 선언부터 해주겠습니다.

class BaseballGame {

}

랜덤숫자 생성

다음으로는 3자리 숫자를 중복없이 1 부터 9까지 숫자를 뽑아주는 함수를 만들어 줄게요

함수선언

func makeAnswer() -> Int { }

이 함수는 반환타입이 Int 입니다.

변수선언 밑 초기화

var number = [Int]()

비여있는 정수배열을 만들어 주고 여기에 랜덤숫자 3개를 저장할 것입니다.

3개의 숫자 생성

while number.count < 3 { }

• 랜덤숫자 생성

    let num = Int.random(in: 1...9)

  num 이라는 상수를 만들어주고 ‘1’ 부터 ‘9’ 까지의 수를 num 에 저장합니다.

  랜덤숫자 중복 검사

    if !number.contains(num) {
        number.append(num)
    }

  contains은 컬렉션타입에서 특정 요소가 있는지 Bool 타입으로 값을 내는 메서드

  number 배열에 num 이 포함 되어있는지 확인 하고 값을 포함 합니다.

배열을 정수로 변환 밑 반환

return number.reduce(0) { $0 * 10 + $1 }

reduce는 배열의 모든 요소를 결합하여 하나의 값으로 만드는 함수 입니다.

return 과 동시에 배열을 숫자로 변환 해줍니다. (임의 숫자 [4,3,2])

number = [4, 3, 2] 를 reduce를 통해 3자리 숫자로 만들어줍니다

• 계산 방식:

  초기값을 0 으로 잡습니다.

  계산방식은 $0 * 10 + $1입니다.

  $0 초기값인 0이 들어가고 $1에는 number의 처음 값인 4가 들어갑니다

  0 + 10 * 4 = 4

  이렇게 계산이 됩니다.

유저입력 처리

입력 요청

print("3자리 숫자를 입력하세요 (예: 123): ", terminator: "")

User에게 3자리 숫자를 입력 하도록 요청합니다

terminator: "" 은 출력후 줄 바꿈으 ㄹ하지 않도록 설정합니다.

유효성 감사

guard let input = readLine(), input.count == 3, let number = Int(input) else {
    print("유효하지 않은 입력입니다. 3자리 숫자를 입력해주세요.")
    return nil
}

• readLine() 을 사용하여 User 입력을 읽습니다
• input.count == 3 는 입력된 문자열의 길이가 3인지 확인합니다.
• let number = Int(input) 는 입력된 문자열이 정수로 변환 가능한지 확인합니다

문자열을 배열로 배열로 변환

let digits = Array(String(number)).compactMap { $0.wholeNumberValue }

• String(number) 는 숫자를 문자열로 변환합니다.
• Array(String(number)) 는 문자 배열로 변환합니다.
• compactMap { $0.wholeNumberValue } 는 각 문자를 정수로 변환하여 새로운 배열을 만듭니다

확인 및 반환

return digits.count == 3 ? digits : nil

• 변환한 배열 digits 의 길이가 3인지 확인합니다.
• 길이가 3이면 배열을 반환하고, 그렇지 않으면 nil 을 반환합니다.

스트라이크, 볼 추론

함수 만들기

func calculateScore(secret:[Int], guess:[Int]) ->(strikes:Int, balls: Int)

• 이 함수는 두개의 정수 배열인 secret, guess 를 인자로 받습니다.
• 반환타입은 (strikes: Int, balls: Int) 로 스트라이크와 볼의 수를 반환합니다.

초기화

var strikes = 0
var balls = 0

• strikes, balls 변수를 각각 0으로 초기화합니다.
• strikes 는 정확한 위치와 값을 맞춘 횟수를 balls 는 값은 맞췄지만 위치가 틀린 횟수를 의미합니다.

반복문, 인덱스 열거

for (i, num) in guess.enumerated() { }

enumerated 메서드는 시퀀스(배열, 문자열 등) 을 각 요소와 해당 요소의 인덱스를 함께 튜플로 반환함

열거는 여러 개의 항목이나 요소를 하나씩 차례로 나열, 카운트 하는것

• guess 배열을 열거하여 각 요소의 인덱스와 값을 가져옵니다.

시크릿 숫자 배열에 포함 여부 확인

if secret.contains(num) { }

• num 이 secret 배열에 포함되어 있는지 확인합니다.
• 포함되어 있으면 다음 조건을 확인합니다.

스트라이크와 볼 확인

if secret[i] == num {
    strikes += 1
} else { 
    balls += 1 
}

• secret[i] == num 조건은 guess 배열의 현제 인덱스 i 에서의 값 num 이 배열의 같은 인텍스에 있는 값과 일치 하는지 확인합니다.
• 일치하면 strikes 를 1증가 시킵니다.
• 일치하지 않으면 ball 를 1증가 시킵니다.

전체코드

//MARK: - BaseballGame
class BaseballGame {
    //MARK: - 전역변수 선언
    var functionCallCount = 0
    var gameCount = [Int]()
    var currentNumber = 1
    var tryCount = [Int]()
    //MARK: - 랜덤숫자 만들기
    func makeAnswer() -> Int {
        var number = [Int]()
        while number.count < 3 {
            var num: Int = 0
            if (number.isEmpty) {
                num = Int.random(in: 1...9)
            } else {
                num = Int.random(in: 0...9)
            }
            if !number.contains(num) {
                number.append(num)
            }
        }
        return number.reduce(0) { $0 * 10 + $1 }
    }
    //MARK: - 유저입력 처리
    func getUserInput() -> [Int]? {
        print("3자리 숫자를 입력하세요 (예: 123): ", terminator: "")
        guard let input = readLine(), input.count == 3, let number = Int(input) else {
            print("유효하지 않은 입력입니다. 3자리 숫자를 입력해주세요.")
            return nil
        }

        let digits = Array(String(number)).compactMap { $0.wholeNumberValue }
        return digits.count == 3 ? digits : nil
    }

    //MARK: - 스트라이크, 볼 추론
    func calculateScore(secret:[Int], guess:[Int]) ->(strikes:Int, balls: Int) {
        var strikes = 0
        var balls = 0

        for (i, num) in guess.enumerated() {
            if secret.contains(num) {
                if secret[i] == num {
                    strikes += 1
                } else { balls += 1 }
            }

        }
        return (strikes, balls)
    }
    //MARK: - 게임 구동
    func Start() {
        functionCallCount += 1
        let secretNumber = Array(String(makeAnswer())).compactMap { $0.wholeNumberValue }
        var attempts = 0
        var isRunning = true
        print(secretNumber)

        while isRunning {
            attempts += 1

            guard let userInput = getUserInput() else { continue }

            let score = calculateScore(secret: secretNumber, guess: userInput)
            print("스트라이크: \(score.strikes), 볼: \(score.balls)")
            if score.strikes == 3 {
                print("축하합니다! \(attempts)번 만에 맞추셨습니다.")
                print("< 숫자 게임이 끝났습니다. >")
                gameCount.append(currentNumber)
                currentNumber += 1
                tryCount.append(attempts)
                isRunning = false
                MainMenu()
            }

        }
    }
    //MARK: - 게임 시작 메뉴
    func MainMenu() {
        var isRunning = true
        while isRunning {
            if functionCallCount == 0 {
                print("환영합니다! 원하시는 번호를 입력해주세요")
                print("1. 게임 시작하기  2. 게임 기록 보기  3. 종료하기")
                print("선택: ", terminator: "")
            } else {
                print("1. 게임 시작하기  2. 게임 기록 보기  3. 종료하기")
                print("선택: ", terminator: "")
            }
            guard let choice = readLine(), let option = Int(choice) else {
                print("유효하지 않은 입력입니다. 다시 시도해주세요.")
                continue
            }
            switch option {
            case 1:
                print("게임을 시작합니다!")
                Start()

            case 2:
                print("게임 기록을 보여줍니다.")
                showGameLog()
            case 3:
                print("< 숫자 게임을 종료합니다. >")
                isRunning = false
            default:
                print("유효하지 않은 선택입니다. 다시 시도해주세요.")
            }
        }
    }
    //MARK: - 게임기록확인 함수
    func showGameLog() {
        for(num1, num2) in  zip(gameCount, tryCount) {
            print("\(num1)번째 게임 : 시도 횟수 - \(num2)")
        }
    }

}

No Storyboard 장단점

장점:

• 버전 관리 및 병합 충돌 방지

  코드 기반 UI는 텍스트 파일 혙애로 관리되기 때문에 Git 등의 버전 관리 시스템 에서 변경 사항 추적하고 병합하는 것이 용이합니다 반면 스토리보드는 XML 파일로 병합 충돌이 발생하면 해결하기 어렵습니다.

• 재사용성과 모듈화

  코드로 작성된 UI 컴퍼넌트는 쉽게 재사용이 가능, 별도 파일이나 클래스로 분리하여 모듈화가 가능합니다.

단점:

• 디자이너와의 협업 문제

  디자이너와의 협업 시 스토리보드르 ㄹ사용하면 디자이너가 직접 UI를 수정하거나 검토할 수 있지만 코드 기반 접근 방식에서는 개발자가 직접 코드를 수정해야 하므로 협업이 어려울 수 있음

• 코드 증가

  코드 양 증가 모든 UI를 코드로 작성하면 프로젝트의 코드 양이 급격히 증가하여 코드베이스가 커지고 복잡해질 수 있습니다. 이는 유지보수와 관리에 부답이 될 수 있습니다.

No Storyboard Setting

1. Interface를 stotyboard로 설정해주고 파일을 만들어주세요

1. Info → Application Scene Manifest → Scene Configuration → Window Application Session Role → Item 0 → Storyboard Name 경로로 오셔서 Storyboard Name을 삭제해주세요

2. Main.storyboard를 삭제해주세요.

3. supports multiple windows로 클릭해주세요

4. Main storyboard file base name 의 Value를 삭제해주세요

   

5. SceneDelegate로 이동해주세요 SceneDelegate 안에 있는

    func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options connectionOptions: UIScene.ConnectionOptions)

   이 함수 안에 있는

    guard let _ = (scene as? UIWindowScene) else { return }

   삭제 혹은 주석처리해주세요 그리고

     guard let windowScene = (scene as? UIWindowScene) else { return }
   
            window = UIWindow(frame: UIScreen.main.bounds)
   
            let viewContoller = ViewController() // RootView 입니다 
   
            window?.rootViewController = viewContoller
   
            window?.makeKeyAndVisible()
            window?.windowScene = windowScene

   이코드를 넣어주세요.

   

이렇게 해주시면 끝 입니다 !!

Canvas 추가하는 법

ViewController 아래 이코드를 추가해주세요.

struct ViewControllerRepresentable: UIViewControllerRepresentable {
    typealias UIViewControllerType = ViewController

    func makeUIViewController(context: Context) -> ViewController {
        return ViewController()
    }

    func updateUIViewController(_ uiViewController: ViewController, context: Context) {
    }
}

@available(iOS 13.0.0, *)
struct ViewPreview: PreviewProvider {
    static var previews: some View {
        ViewControllerRepresentable()
    }
}

끝

추상화 클래스

추상화 클래스는 코드 재사용성이 좋습니다 또한 코드의 일관성유지가 용이합니다.

추상화 프로토콜 생성

protocol Operation {
    func performOperation(a: Double, b: Double) -> Double
}

Operation 라는 프로토콜을 생성해줍니다. 이것은 나중에 사측연산에 필요한 기본값을 정의 해주는 작업입니다.

코드를 보면 파라미터 a, b가 있습니다 a, b의 타입은 Double이고 반환 타입 또한 Double입니다.

이를 통해 추후에 Operation 프로토콜을 상송받은 클래스가 performOperation 함수를 준수할 수 있게 해서 코드를 재사용성을 높입니다.

구체적인 연산 클래스(Add, Sub, Mult, Div)

추상화 프로토콜을 활용해 추상적이지 않고 구체적으로 무엇을 하는 코드인지 정해줄 것입니다.

class Add: Operation {
    func performOperation(a: Double, b: Double) -> Double {
        return a + b
    }
}

Add 클래스는 Operation 을 상속받습니다 파미리터 a, b의 값을 받아와서 return 시 연산을 진행 시켜줍니다.

계산기 클래스(Cal)

위에서 만든 구체적인 연산 클래스를 활용하여 계산기 클래스를 만들어 보겠습니다.

class Cal {
    var operation: Operation
    init(operation: Operation) {
        self.operation = operation
    }
    func calculate(a: Double, b: Double) -> Double {
        return operation.performOperation(a: a, b: b)
    }
}

인니셜라이즈의 역할은 그저 인스턴스의 첫 사용을 위해 초기화 하는것 뿐입니다.

init(operation: Operation)

이 부분은 추후에 사용할 객체를 실행하기 위해 초기설정을 해주는 겁니다.

정리

• Operation Protocol: 사측연산을 정의하는 규칙
• Add, Sub, Mult, Div Class: Operation 프로토콜을 따는 구체적인 연산 클래스입니다.
• Cal Class:Operation 프로토콜을 따르는 객체를 활용하여 연산을 수행하는 클래스입니다.

1. 안정성(Type Safe한 언어)

   문자열 배열에 다른 타입 숫자, 불리언 타입의 값을 저장할 수 없습니다.

   안정성을 위해 체크를 해야합니다.

   • 스위프트에서는 빈(nil) 값에 대해 엄격합니다.

     만약 nil을 사용할 경우 옵셔널를 이용해야 합니다

2. 표현성(Expressive)

   스위프트는 표현성을 고려한 언어입니다.

   다중 패러다임 지향 언어

   • 객체 지향 프로그래밍(OOP: Object-Oriented Programming)

     • 객체 지향 프로그래밍이란 클래스(class)와 구조체(struct)를 사용하여 데이터를 객체라는 단위로 묶어 객체들 간의 상호작용으로 프로그래밍 하는 방식

         class Animal {
             var name: String
             init(name: String) {
                 self.name = name
             }
             func speak() {
                 print("\(name) makes a noise.")
             }
         }
       
         class Dog: Animal {
             override func speak() {
                 print("\(name) barks.")
             }
         }
       
         let dog = Dog(name: "Fido")
         dog.speak()  // "Fido barks."

       위 코드는 OOP의 개념을 활용하여 클래스와 상속을 표현 했습니다

         class Animal {
             var name: String
       
             init(name: String) {
                 self.name = name
             }
       
             func speak() {
                 print("\(name) makes a noise.")
             }
         }

       순차:

       1. 클래스 정의

          “Animal” 이라고 클래스를 정의했습니다.

       2. 속성 정의

          "name" 이라고 문자열 타입의 속성을 정의했습니다, 문자열을 저장할 수 있습니다.

       3. 초기화 메서드(Initializer)

          "init(name: String)" 메서드는 클래스이 초기화 메서드로, 객체가 생성될 때 호출됩니다, "name" 메서드를 속성을 초기화합니다

       4. 메서드 정의

          "speak()" 메서드는 “\(name) makes a noise.” 라고 출력합니다.

        ```swift
        class Dog: Animal {
            override func speak() {
                print("\(name) barks.")
            }
        }
        ```

        1. **클래스 상속**

            `Dog` 클래스는 `Animal` 클래스의 모든 속성과 메서드를 물려 받는다는 의미 입니다.

        2. **메서드 오버라이딩**

            `Dog` 클래스는 `speak()` 메서드를 오버라이드하여 재정의합니다.

            이 메서드는 `“\(name) barks."` 라고 출력합니다 


        > **Override란** 서브클래스가 슈퍼클래스로 부터 상속 받은 메서드를 재정의 하는 것
        > 
- **함수형 프로그래밍(Functional Programming)**
    - 함수형 프로그래밍은 **함수를 일급객체로 취급** 함수의 조합과 응용으로 프로그래밍 하는 것

        ```swift
        let numbers = [1, 2, 3, 4, 5]
        let doubledNumbers = numbers.map { $0 * 2 }
        print(doubledNumbers)  // [2, 4, 6, 8, 10]
        ```

        1. `numbers` 는 **[1, 2, 3, 4, 5]** 라는 정수 배열입니다.
        2. `let` 키워드는 이 배열이 상수(immutable)임을 의미합니다. 즉, `numbers` 배열 자체는 변경할 수 없습니다.

        ```swift
        let doubledNumbers = numbers.map { $0 * 2 }
        ```

        `map` 함수는 배열의 각 요소에 동일한 변환을 적용하여 새로운 배열을 변환합니다.

        `{ $0 * 0 }` 는 클로저입니다. `map` 함수는 이 클로저를 배열의 각 요소에 적용합니다.

        `numbers.map { $0 * 0 }` 의 결과는 **[2, 4, 6, 8, 10]** 입니다. 각 요소가 2배로 변환된 새로운 배열입니다.

        > **$0**은 배열의 각 요소를 나타내느 것입니다. 1이 될 수도 있고 2가 될 수도 있습니다.
        > 
- **프로토콜 지향 프로그래밍(Protocol-Oriented Programming)**

    > 프로토콜이란 작업, 클래스를 수행하기 위해 클래스, 구조체 또는 열거형에 구현하는 요구사항의 정의
    > 

    - 프로토콜 지향 프로그래밍은 공통된 인터페이스를 정의하고, 이를 통해 코드의 재사용성과 확장성을 높이는 방식입니다.

        ```swift
        protocol Describable {
            var description: String { get }
        }

        struct Car: Describable {
            var model: String
            var description: String {
                return "Car model: \(model)"
            }
        }

        let car = Car(model: "Tesla")
        print(car.description)  // "Car model: Tesla"
        ```

        1. **프로토콜 정의**

        ```swift
        protocol Describable {
            var description: String { get }
        }
        ```

        `Describable` 프로토콜은 하나의 속성`description` 을 정의합니다.

        이속성은 읽기 전용(computed property)이며, 문자열을 반환합니다.

        1. **구조체 정의**

        ```swift
        struct Car: Describable {
            var model: String

            var description: String {
                return "Car model: \(model)"
            }
        ```

        `Car` 구조체는 `Describable` 프로토콜을 채택합니다.

        `model` 속성은 자동차 모델을 나타내는 문자열을 저장합니다.

        `description` 속성은 프로토콜에서 요구한 대로 구현되어 있습니다. 이는 자동차 모델을 나타내는 문자열을 반환합니다.

오늘 프로젝트 선정, github에 대해 공부를 했다. Github를 다루면서 많은 시행착오가 있었지만 내일은 GitHub에 대해 자세히 포스팅 할 계획이다.

변수선언

Dart 언어에서 변수 선언 방법은 다음과 같습니다.

var name = 'DeukRyeong';

Variable의 앞 3글자를 따와서 var라고 합니다. 여기서 중요한점은 코드가 끝날때 ; 을 붙여줘야합니다.

변수 데이터값 변경하는 방법은 다음과 같습니다.

var name = 'DeukRyeong';

name = '득령';

변수타입(Data Type)

• 정수(integer)

  정수타입 선언은 다음과 같습니다.

    int number1 = 10;

  integer의 앞 3글자를 따서 int 라고 선언해줍니다.

사측연산 하는 방법은 다음과 같습니다.

```dart
  int num1 = 10;
  int num2 = 5;
  print(num1 + num2);
  print(num1 - num2);
  print(num1 * num2);
  print(num1 / num2);  
```

• 실수(double)

  실수를 선언하는 방법은 다음과 같습니다.

    double num1 = 2.5;

  실수 타입도 변수 사측연산이 가능합니다.

• Boolean(불리언)

  Boolean를 선언하는 방법은 다음과 같습니다.

    bool isTrue = true;

• 데이터 타입이 궁금할때

• print문 안에 변수를 넣는방법

    var str = "글자";
      print('이것은${str}입니다.');
    }

• dynamic

  다이나믹타입을 사용하는 이유

  데이터를 변경할때 int 타입에서String 타입으로는 변경이 안되지만

  다이나믹 타입을 사용하면 가능합니다.

    dynamic name = 'DuekRyeong';
     print(name);
      name = 10;
      print(name);
    }

Nullable, non-Nullable

nullable - null이 될 수 없다.

non-nullable - null이 될 수 있다.

• null 값을 출력하는 방법

     String? name = 'DeukRyeong';
      print(name);
  
      name = null;
      print(name);

  ? 를 활용하여 있을 수 도 있고 없을 수 도 있는 타입으로 바꿀 수 있습니다.

  반대로 ! 를 활용하면 변수안에 데이터가 있다 라고 알립니다.

Final, Const

• Final로 선언 하는 방법은 다음과 같습니다.

    final String name = 'DeukRyeong';

  Final이란 한번 선언된 데이터를 수정 할 수 없게 만드는 타입 입니다.

• Const로 선언 하는 방법은 다음과 같습니다.

    const Stirng name = 'DeukRyeong';

  Const또한 데이터 변경을 할 수 없게 만드는 방법중 하나 입니다.

• 그러면 두 타입의 다른 점이 무엇인지 알아 봅시다.

  먼저 DateTime 이란 메서드가 있습니다. 호출 시 코드가 실행 된 시간을 표기 해줍니다.

    DateTime now = DateTime.now();

**Final** 같은 경우에는 빌드타임의 값을 알지 못해도 상관이 없는 반면 **Const**같은 경우에는 빌드타임이 있어야되는 타입입니다. 이러한 이유로 DateTime은 코드가 실행 될 때의 시간을 가져오기 때문에 **const**는 선언할 수 없습니다.

List

• list를 선언하는 방법은 다음과 같습니다.

    List<String> lis = ['one', 'two'];

  List에서는 0부터 숫자를 셉니다. 즉 1번은 0번입니다.

  0번의 Index를 호출 하고 싶으시면 다음과 같이 하시면 됩니다.

    print(lis[0]);

  만약 배열의 길이를 알고 싶다면 다음과 같이 하시면 됩니다.

    print(lis.length);

  만약 배열의 데이터를 추가하고 싶다면 다음과 같이 하시면 됩니다.

    lis.add("three"); //print(lis); == ['one', 'two', 'three']

  만약 배열의 데이터를 제거하고 싶다면 다음과 같이 하시면 됩니다.

    lis.remove("three");

  만약 배열 안에 있는 데이터가 몇번째인지 알고 싶다면 다음과 같이 하시면 됩니다.

    print(lis.indexOf('one')); // 0

MAP

• Map의 데이터구조는 Key 와 Value 로 이루어져 있습니다.

  데이터를 선언하는 방법은 다음과 같습니다.

        Map<String, String> dictionary = {
        'swift': '스위프트',
        'flutter': '플루터',
        'java': '자바'
      };

  Map 타입은 Key값으로 Value를 찾는 방식입니다.

    print(dictionary['swift']); //스위프트

Set

Set 타입은 데이터안에 중복된 값을 스스로 제거하는 배열의 종류입니다, 선언하는 방법은 다음과 같습니다.

final Set<String> names = { 
    'swift', 'flutter', 'java'
};

if 문

if 문의 기본 구조는 다음과 값습니다.

if() { };

다음은 응용하는 방법입니다.

var num = 2;
  if (num % 2 == 0) {
    print("짝수 입니다.");
  } else {
    print("홀수 입니다.");
  }

포스팅 Rmx

이번 포스팅에서는 저의 부족한점을 찾고 제가 진정 원하는 회사는 무엇인지에 대해 글을 써보겠습니다.

1. 내가 원하는 기업

먼저 저는 돈보다는 영향력이 있는 서비스를 만들고 싶습니다.

대학생일때 수업중 경영학의 이해라는 수업에서 과제를 받았습니다.

과제에 내용은 한 기업의 대표를 분석해라 다만 사회에 영향력있는 기업의 대표.

저는 이 과제의 주인공을 비바리퍼블리카의 대표인 이승건 대표님으로 선정하였습니다.

왜냐하면 토스가 등장하기 전에는 인터넷 뱅킹이란것은 참 어려운 일이 였습니다

송금을 하기 위에서는 공인인증서, 본인인증 등의 많은 과정을 거친 후에서야 송금을 할 수 있는 시스템 이였고 이를 바꾸고자 토스라는 서비스가 탄생하게 되었다.

또한 평생 수수료 무료 정책을 펼치며 사회에 큰 영향을 주었기 때문에 이승건 대표님을 선정하게 되었습니다.

제가 원하는 기업는 이와같이 사회에 영향력있는 기업에 들어가고 싶고 같이 성장하고 싶은 개발자입니다.

기업 ListUp

1. 토스
   • 함께할 업무
     • 송금, 자산 조회, 신용 관리, 대출, 보험, 인증, 결제 등 수백가지 서비스를 제공하는 앱 토스의 iOS 개발
   • 자격요건
     • iOS 개발 경력 3년 이상에 준하는 실력
     • 탄탄한 기본기, 논리적 사고력과 추론 능력 그리고 실제 코드 구현 능력
     • 서로 다른 직군과 협업
     • Protocol Oriented Programming에 대한 이해
2. 배달의 민족
   • 함께할 업무
     • 배달의민족 앱의 B마트, 배민스토어 등 커머스 서비스 운영/개발
     • 배민상회 앱 운영/개발
   • 자격요건
     • iOS 개발 경력 5년 이상
     • Swift 개발언어에 능숙
     • RxSwift에 대한 이해도가 높은 분
     • 적극적인 의사소통을 통해 주도적으로 문제를 해결하고, 필요한 부분
3. 테스트밸리
   • 함께할 업무
     • Flutter를 사용한 모바일 앱 개발
     • Android / iOS 스토어 모바일 앱 배포
   • 자격요건
     • App 개발 신입 또는 경력자
     • Flutter 앱 개발 또는 Native 앱 개발(Android, iOS) 경험
     • UI/UX의 디테일에 대한 집착과 욕심이 있으신 분(애니메이션 등)

정리

위에 내용의 공통점은 협업능력을 우선시 하는거 같습니다.

또한 Native 개발뿐만 아니라 Hybrid App 개발공부를 하면서 능력을 올려야겠다는 생각이 듭니다

역량 키우기

1. POP(Protocol Oriented Programming) 공부
2. 협업 프로젝트(디자이너,백엔드개발자)등등
3. HybridApp 공부

함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요.

내 풀이

func solution(_ x:Int, _ n:Int) -> [Int64] {

    var ans = [Int64]()

    for i in 1...n {
        ans.append(Int64(i*x))
    }
    return ans
}

함수의 반환 타입은 [Int64] 입니다

ans 라는 변수의 타입을 [Int64] 로 초기화를 해주고

반복문을 활용해 배수를 집어넣어줍니다

1부터 n번까지 반복을 하고 append 를 활용해 배열 넣어주고 반복이 끝나면 반환해주면 됩니다

자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다.

내풀이

import Foundation

func solution(_ n:Int) -> Int {    
    var i = 2
    while n % i != 1{
        i += 1
    }
    return i
}

while 문에서 n 을 i 로 나누었을때 나머지가 1이 아닌 경우까지 무한 반복합니다.

정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요.

평균 값을 구하는 방법

배열에 있는 numbers 를 전부 더 한 값을 numbers 로 나누면 됩니다.

예를 들어 let arr = [21, 35, 50, 11]

$$ 21 + 35 + 50 +11 = 117 / 5 $$

이런 식으로 계산 하시면 됩니다.

코드를 짤때 결과값은 소수점이 포함 될 수 있으니 Double 반환해야 됩니다

import Foundation

func solution(_ numbers:[Int]) -> Double {

    var sum = 0


    for i in numbers {
        sum += i
    }

    let count = Double(numbers.count)
    let avs = Double(sum) / count

    return avs
}

• 배열안에 있는 모든 수를 더해 줍니다.

• 배열안에 데이터가 몇개가 있는지 구해줍니다

  let count = Double(numbers.count) Double 데이터 타입으로 변경해줍니다.

• 이제 계산을 해줍니다. 합 나누기 데이터 수

  let avs = Double(sum) / count

정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요.

만약 n 이 10이면 2 + 4 + 8 + 10 = 30 이런식의 문제입니다.

나의 풀이

• 방법 1.

  수를 나누었을때 0로 떨어지는 코드를 구현 해야 됩니다.

    func solution(_ n:Int) -> Int {
  
        var i = 1
        var result = 0
        for i in 1...n {
            if i % 2 == 0 {
                result += i
            }
        }
        return result
    } 

• 코드해석:

  i 를 1로 초기화 합니다.

  result 또한 0으로 초기화 합니다

  for i in 1...n 은 1부터 n번 반복합니다

  if i % 2 == 0 만약 i 를 2로 나누었을때 나머지가 0이면 result 에 i를 추가 해라

  끝

Software architectural pattern은 특정한 규칙과 템플릿의 집합입니다.

앱의 일관성을 높이고 코드를 개선하거나 유지 보수를 원활하게 하는 목적입니다

(Software design pattern)이라고도 합니다

소프트웨어 아키텍처 패턴을 사용하게 된 이유!

초기의 UI 개발방식은 개발자들이 View만들고 그에 관련된 로직을 작성했습니다

이러한 방식은 Class의 덩치를 키우고 UI를 정의하는코드, 데이터코드, 비즈니스코드에

강력한 의존성이 생깁니다, 이러한 경우 보통 두명이상의 개발자들이 같은 View를 작업하는게 불가능합니다

이러한 이유로 인해 탄생하게 대였습니다.

MVVM

MVVM에는 3가지의 핵심 파트가 있습니다.

• Model(모델)

  • 앱의 기본적인 데이터와 비즈니스 로직을 구조화합니다.

    여기서 중요한 것은 View와 독집적이여야 합니다.

• View(뷰)

  • 플랫폼의 제공하는 시각적요소들을 사용하는 UI정의합니다

• ViewModel(뷰모델)

  • 뷰와 모델 사이의 중개자, 뷰에 모델의 데이터를 제공하며 모델에는 업데이트를 요청합니다.

실습

우선 Model Code를 작성해줍시다

• Model

    struct My_Information_Model {
    var name: String
    var birthday: Date
    }

  Name, birthday라는 변수와 데이터 타입만 선언해줍니다.

• View

    struct ContentView: View {
  
        let deukRyeong = My_Information_Model(name: "득령", birthday: Date())    
        var body: some View {
  
            VStack {
                Text(deukRyeong.name)
                    .padding()
                Text(String(deukRyeong.age))
                    .padding()
  
            }
        }
    }

  ContentView에서 불러왔습니다, 이렇게 하면 MVVM패턴이라고 볼 수 없습니다

  왜냐면 Model과 View는 접촉지점이 없어야 됩니다.

  이제 이름을 변환하는 함수를 만들어야 합니다 VeiwModel를 만들어봅시다.

• ViewModel

  
    class ViewModel: ObservableObject {
        var deukRyeong = My_Information_Model(name: "득령", birthday: Date())
        var name: String {
            deukRyeong.name
        }
        var age: String {
  
            return "27"
        }
        func chName(name: String) {
            deukRyeong.name = name
  
        }
    }

  func chName에서 name 파라미터를 선언하고 ContentView에서 받아오는 코드입니다

• ContentView

    struct ContentView: View {
  
        let deukRyeong = My_Information_Model(name: "득령", birthday: Date())
        @StateObject var viewModel = ViewModel()
        @State var text: String = ""
        var body: some View {
  
            VStack {
                HStack {
                    TextField("이름을 입력해주세요.", text: $text)
                        .textFieldStyle(RoundedBorderTextFieldStyle())
                        .padding()
                    Button {
                        viewModel.chName(name: text)
                    } label: {
                        Text("이름변경")
                    }
                    .padding()
                }
                .padding()
                Text(viewModel.name)
                    .padding()
                Text(viewModel.age)
                    .padding()
            }
        }
    }

  이 상태로 실행을 해도 이름이 변경이 안됩니다 ViewModel에 중요한 부분이 빠져있기 때문이죠!

  @Published

  ---

  먼저 해결방법 부터 알아볼게요.

    class ViewModel: ObservableObject {
        @Published var deukRyeong = My_Information_Model(name: "득령", birthday: Date())

  deukRyeong이란 변수에 @Published를 선언 해주어야 됩니다.

  @Published는 objectWillChangePudlisher가 send 메서드를 호출하는 코드를 좀더 간소화시킨 것 입니다.

  간단하게 데이터를 전달해주는 메소드입니다.

💡 SwiftUI 에는 데이터를 다루는 도구들이 많습니다 그중 하나가 @Published 인거죠, 다음 포스팅에서는 데이터를 다루는 도구들을알아보겠습니다

## 전체코드

---

```swift
//Model.swift
struct My_Information_Model {
var name: String
var birthday: Date
}

//ViewModel.swift
class ViewModel: ObservableObject {
    @Published var deukRyeong = My_Information_Model(name: "득령", birthday: Date())
    var name: String {
        deukRyeong.name
    }
    var age: String {

        return "27"
    }
    func chName(name: String) {
        deukRyeong.name = name

    }
}

//ContentView.swift
struct ContentView: View {

    let duekRyeong = My_Information_Model(name: "득령", birthday: Date())
    @StateObject var viewModel = ViewModel()
    @State var text: String = ""
    var body: some View {

        VStack {
            HStack {
                TextField("이름을 입력해주세요.", text: $text)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    .padding()
                Button {
                    viewModel.chName(name: text)
                } label: {
                    Text("이름변경")
                }
                .padding()
            }
            .padding()
            Text(viewModel.name)
                .padding()
            Text(viewModel.age)
                .padding()
        }
    }
}

```

**Today I Learned Rmx!**