ohtt-ios/bithumb_awesome

빗썸 - 어썸 ✨ 강경&오뜨 아자아자 화이팅 💪🏻

iOS developer

🍎 My Tech Stack 🍎

🍎 Tools I can use 🍎

bithumb_awesome's Issues

ConclusionView - ConclusionRowView

🔍 구현 내용

• ConclusionRowView 구현
• 금액별 색상 세팅

🤔 고민과 해결

SettingView - View 세팅

🔍 구현 내용

• UI구현
• Link 연결

🤔 고민과 해결

HomeView - 서버 연결

🔍 구현 내용

• 라디오버튼 서버 연결
• 관심버튼 로직 세팅
• 실시간 티커 소켓 통신

🤔 고민과 해결

Tab 구현

🔍 구현 내용

• TabView 세팅
• Homeview 연결
• AssetView 연결
• SettingView 연결

QuoteView - 서버 연결

🔍 구현 내용

• 실시간 데이터 웹소켓 연결
• 검은색박스(시가) 구현

🤔 고민과 해결

ConclusionView - 서버 연결

🔍 구현 내용

• transaction 서버 연결
• 실시간 체결 소켓 연결

🤔 고민과 해결

ConclusionView - 레이아웃

🔍 구현 내용

• row 리스트뷰 구현
• 상단 헤더뷰 구현

🤔 고민과 해결

AssetView - 레이아웃

🔍 구현 내용

가상 자산의 입/출금 현황 정보 뷰 구현

• AssetListHeader
• AssetListRow
• AdditionalAssetName
• CurrentAssetStatus

🤔 고민과 해결

SwiftUI List의 leading에 디폴트 padding이 들어감

.padding(.leading, -20)

일단은 반대방향으로 다시 패딩을 주어서 해결했습니다. 좀 더 고민해봐야할거 같아요..😅

SwiftUI List의 section header를 사용해서, 윗 뷰와의 간격이 벌어짐

List {
  Section(header: AssetListHeader()) {
//  ForEach(viewStore.assetData) { asset in
//     AssetListRow(asset: asset)
//  }
  }
}

UI적으로 크게 이상하지않아 그대로 두었습니다. 추후 문제가 생긴다면 커스터마이징하게 처리할 예정입니다!

DetailView - 하단 뷰 연결

🔍 구현 내용

• DetailView - RadioButtonView 연결
• ChartView/ QuoteView/ ConclustionView 연결

ChartView - 차트 뷰 구현

🔍 구현 내용

• x축 라벨 세팅
• y축 라벨 세팅
• 색상 설정
• 초기 화면 줌 세팅
• 데이터 연결
• 드래그 시 축 변경 세팅

SettingView - OpenSourceLibraryView 구현

🔍 구현 내용

• UI구현
• 클릭이벤트 구현
• UI개선

🤔 고민과 해결

QuoteView - View 기획에 맞게 수정

🔍 구현 내용

• 가격영역별 색상설정(파란색, 빨간색)
• 거래량 숫자 및 그래프 추가

🤔 고민과 해결

AssetView - 서버 연결

🔍 구현 내용

• ComposableArchitecture 구현
• 서버데이터 API연결

🤔 고민과 해결

코드 개선

dataRequest.responseData{ (response) in
  switch response.result {
  case .success(_):
    guard let value = response.value,
          let status = response.response?.statusCode else { return }
    switch status {
    case 200:
      do {
        if let json = try JSONSerialization.jsonObject(with: value, options: []) as? [String: Any] {
          var items = json["data"] as? [String: Any]
          let result = try items?.map { key, value -> Asset in
            let valueData = try JSONSerialization.data(withJSONObject: value, options: [])
            let assetResponse = try JSONDecoder().decode(AssetResponse.self, from: valueData)
            return Asset(ticker: key, data: assetResponse)
          }
          subscriber.send(result!)
        }
      } catch {
        subscriber.send(completion: .failure(Failure()))
      }
    default:
      break
    }
  case .failure(_):
    subscriber.send(completion: .failure(Failure()))
    break
  }
 }

• .validate(statusCode: 200..<300)를 사용하여 불필요한코드를 줄였으나, 디코딩 부분의 개선이 필요합니다.
• API의 타입이 일관성이없기때문에, 해당 부분의 개선을위해 고민하는 중입니다.

dataRequest
  .validate(statusCode: 200..<300)
  .responseData { response in
    switch response.result {
    case .success(let value):
      do {
        if let json = try JSONSerialization.jsonObject(with: value, options: []) as? [String: Any] {
          var items = json["data"] as? [String: Any]
          let result = try items?.map { key, value -> Asset in
            let valueData = try JSONSerialization.data(withJSONObject: value, options: [])
            let assetResponse = try JSONDecoder().decode(AssetData.self, from: valueData)
            return Asset(ticker: key, data: assetResponse)
          }
          subscriber.send(result!)
        }
      } catch {
        subscriber.send(completion: .failure(Failure()))
      }
    case .failure(_):
      subscriber.send(completion: .failure(Failure()))
      break
    }
  }

ChartView - 시간 간격 버튼 / 차트뷰 연결

🔍 구현 내용

• 상단 (1분 / 10분 / 30분/ 1시간 / 1일) 뷰 구현
• 버튼 action과 서버통신 연결
• 받아온 데이터 - 차트와 연결

DetailView - 상단 가격뷰 영역

🔍 구현 내용

• 실시간 티커 소켓 연결
• 뷰 레이아웃

DetailView - 관심항목(즐겨찾기)기능 추가

🔍 구현 내용

• userDefalts에 데이터 저장
• HomeView 관심 탭에 데이터 전달

🤔 고민과 해결

RadioButton 구현

🔍 구현 내용

• RadioButtonView 구현
• HomeView 연결

ConclusionView - DateRowView

🔍 구현 내용

• 시간 DateRowView 구현
• 금액별 색상 세팅

🤔 고민과 해결

DetailView - 네비게이션 영역

🔍 구현 내용

• 타이틀 세팅 ( 코인명 )
• 즐겨찾기 버튼 뷰 구현
• 즐겨찾기 기능 구현

HomeView - 레이아웃

🔍 구현 내용

• 상단 라디오버튼 세팅
• 상단 헤더뷰 (가산자산명 / 현재가 / 변동률 / 거래금액) 세팅
• Rowview 세팅
• List 하단에 tabview 영역만큼 여백 주기

🤔 고민과 해결

HomeView - RowView 구현

🔍 구현 내용

• 기본 레이아웃 세팅
• 금액에 따른 색상 세팅
• 단위 및 ' , ' 세팅
• Core 세팅

🤔 고민과 해결

QuoteView - View 세팅

🔍 구현 내용

• 스크롤 시작점을 가운데에서 시작하도록 구현
• 매도 리스트
• 매수 리스트
• 부가정보 리스트

🤔 고민과 해결

프로젝트 그라운드 세팅

🔍 구현 내용

• 컬러셋 세팅
• 폰트 세팅
• 라이브러리 세팅