O-O-wl / store-app

스토어 앱 🏪🏬

Store - app

STEP 1 - 2

진행기간(2019/12/4 ~ 2019/12/7)

공부한 내용 👨‍💻

• intrinsicContentSize 사이즈를 이용한 컨텐트와 border 사이에 간격을 넣을 수 있게 구현

  

  override var intrinsicContentSize: CGSize {
          var contentSize = super.intrinsicContentSize
          contentSize.height += 10
          contentSize.width += 10
          return contentSize
      }

• NSAttributeString 학습

  • strikethrough 속성을 이용한 취소선 구현
  • https://www.hackingwithswift.com/articles/113/nsattributedstring-by-example 예제 학습
  • NSAttributeString 을 구현하며, 코드 가독성이 명확해지지 않아서, snapKit을 참고하여 비슷한 컨벤션을 유지하게 구현해보았다.

// 뱃지 구현
let attributedText = NSMutableAttributedString(string: text)
  
attributedText.beauty
      .fgColor(style.textColor)
			.bgColor(style.bgColor)
      .align(style.align)
      .font(style.font)
  
label.attributedText = attributedText

// 취소선 구현
let price = NSMutableAttributedString(string: price)
price.beauty.align(.center).strikethrough(1)
priceLabel.attributedText = price

• 데이터를 가져오는 서비스를 추상화하여 구현

  • DummyData , StubService 클래스를 구현하여 추후 변경에 유연하게 대처할 수 있게 구현.
  

---

STEP3 - 커스텀 헤더 뷰 구현

진행기간(2019/12/9 ~ 2019/12/10)

공부한 내용👨‍💻

• CustomHeaderView 구현

  • BadgeView 재사용을 위한 구현

• Category 별로 다른 EndPoint구현을 위해 데코레이터 패턴을 적용한 MulitEndPoint 구현

  • EndPoint.swift

  • protocol EndPoint: URLRequestConvertible {
        
        var baseURL: URL { get }
        var method: HTTP.Method { get }
        var task: HTTP.Task { get }
        var headers: HTTP.Headers? { get }
        var sampleData: Data? { get }
    }
    

  • MultiEndPoint.swift

    // MARK: - MultiEndPoint
    
    enum MultiEndPoint {
        
        case endPoint(EndPoint)
        
        var endPoint: EndPoint {
            switch self {
            case .endPoint(let endPoint):
                return endPoint
            }
        }
    }
    
    // MARK: - EndPoint
    
    extension MultiEndPoint: EndPoint {
        
        var baseURL: URL {
            return endPoint.baseURL
        }
        
        var method: HTTP.Method {
            return endPoint.method
        }
        
        var task: HTTP.Task {
            return endPoint.task
        }
        
        var headers: HTTP.Headers? {
            endPoint.headers
        }
        
        func asURLRequest() -> URLRequest {
            return endPoint.asURLRequest()
        }
        
        var sampleData: Data? {
            return endPoint.sampleData
        }
    }

• DispatchGroup , 순서가 보장되게 구현

  • DispatchQueue 를 .serial 하게 하여, 비동기적으로 요청은 하되 순서를 보장하게 구현하였다.

  •  let dispatchGroup = DispatchGroup()
     let serialQueue = DispatchQueue(label: "store.fetch", qos: .default)

  • DispatchGroup를 이용해서, 모든 Task가 완료된다음 completion을 1번만 호출하게 구현하였다.

  • dispatchGroup.notify(queue: .global()) {
                completion(.success(stores))
            }

피드백 🧐

서비스 코드에 DummyMain 이나 DummySoup 을 써야만 하나요?
Dummy-가 붙으면 어떤 용도일까요?
임시로 쓰는건지 정상적인지 코드로 하드코딩하기 보다는 어떤 데이터를 처리할 지 상위에서 지정해주는 게 좋습니다. 그러면 ViewModel을 의존성을 주입해서 테스트 가능해지니까요.

• 받는 쪽은 추상적으로 받되, 주입해주는 쪽이 구체타입을 결정해서 주입하게 구현해야다고 느꼈다.

---

STEP4 - Cocoa Pods

• Cocoa Pods

  • 프로젝트의 라이브러리 의존성을 관리한다
  • Swift/Objectieve - C 프로젝트를 위한 의존성관리자

• Dependency manager

  • 서드파티 의존성을 쉽게 더하거나, 제거하거나, 업데이트를 쉽게 할 수 있게 만드는 도구
  • dependency manager makes it easy to add, remove, update and manage third-party dependencies used by your app.

• Podfile

  • 프로젝트내에 하나 또는 여러개의 타겟의 의존성의 명세

  • Podfile.lock - pod install 시 해당 버전을 잡아두어 의존하는 라이브러리가 업데이트되어도 기존 버전 유지가능

    • Form

  • target 'MyApp' do
      use_frameworks!
      pod 'Alamofire', '~> 3.0'
    end

• Target

  • build할 product와 product를 build 하기 위한 instruction들을 포함한다.
  • Target 하나는 하나의 Project만을 가진다.

• Project

  • Source code, including header files and implementation files
  • Libraries and frameworks, internal and external
  • Resource files
  • Image files
  • Interface Builder (nib) files

• workspace

  • 프로젝트 여러개를 포함하는 작업공간

• build configuration

  • product 의 build 과정에서 수행되야만 하는 것들에 대한 정보를 포함한다.
  • Build Setting + Build phase 가 위에 해당된다.
  • Build setting 은 setting title (타이틀) / definition (설정 값) 으로 나뉜다.

• scheme

  • Build , test , Run 등 Target Product에 할 행동