1. 이전 포스팅 확인하기
https://growingsaja.tistory.com/928
2. 이번 목표
okx exchange api로 ticker 가져와 앱서비스 노출 데이터에 정보 추가하기
3. default.json 데이터 추가
"Okx": {
"image": "exchangeOkx.jpeg",
"keyList": [],
"baseUrlList": [
"https://www.okx.com",
"https://aws.okx.com"
],
"publicApi": {
"ticker": "/api/v5/market/tickers",
"orderbook": ""
},
"spot": {
"stable": {
"category": "spot",
"paymentCurrencyList": ["USDT", "USDC", "DAI"]
},
"bitcoin": {
"category": "spot",
"paymentCurrencyList": ["BTC"]
},
"alt": {
"category": "spot",
"paymentCurrencyList": ["ETH", "OKB", "DOT", "EURT"]
},
"fiat": {
"category": "spot",
"paymentCurrencyList": ["EUR", "USD", "GBP"]
}
},
"futures": {
"stableMargin" : {
"category": "SWAP",
"paymentCurrencyList": ["USDT", "USDC"]
},
"coinMargin": {
"category": "SWAP",
"paymentCurrencyList": ["USD"]
}
}
},
4. SpotOkx 파일 생성 및 작성
// vim SpotOkx.h
@interface SpotOkx : NSObject
// symbol 기준으로 현재 실시간 정보 얻기
@property (readwrite, strong, nonatomic) NSMutableDictionary *dataFromSymbol;
// asset, payment currency 기준으로 현재 실시간 정보 얻기
@property (readwrite, strong, nonatomic) NSMutableDictionary *dataFromAsset;
// payment currency 정보
@property (readwrite, strong, nonatomic) NSMutableDictionary *paymentCurrencyInfo;
+(instancetype)sharedInstance;
-(void) fetchDataWithCompletion;
@end
// vim SpotOkx.m
#import <Foundation/Foundation.h>
#import "SpotOkx.h"
// 주요 데이터 get
#import "DefaultLoader.h"
// api 연결
#import "APIManager.h"
@implementation SpotOkx
+(instancetype)sharedInstance {
static SpotOkx *sharedInstance = nil;
static dispatch_once_t oneToken;
dispatch_once(&oneToken, ^{
sharedInstance = [[self alloc] init];
sharedInstance.dataFromSymbol = [@{} mutableCopy];
sharedInstance.dataFromAsset = [@{} mutableCopy];
sharedInstance.paymentCurrencyInfo = [@{
@"spot": [@[] mutableCopy],
@"futures": [@[] mutableCopy]
} mutableCopy];
// payment currency 데이터 참조해서 symbol 찢기 용도 데이터셋 선언
[sharedInstance getOnlyPaymentCurrencyData];
});
return sharedInstance;
}
-(void) fetchDataWithCompletion {
// **************************************** [Start] api 콜 준비 **************************************** //
NSDictionary *okx = [DefaultLoader sharedInstance].exchangeInfo[@"Okx"];
APIManager* tryApiCall = [APIManager sharedInstance];
// **************************************** [Start] Bybit 현재 호가, 변동률 등 주요 데이터 가져오기 **************************************** //
NSString *apiURL = [okx[@"baseUrlList"][0] stringByAppendingString:okx[@"publicApi"][@"ticker"]];
apiURL = [apiURL stringByAppendingString:@"?instType=SPOT"];
[tryApiCall fetchDataFromAPI:apiURL withCompletionHandler:^(NSDictionary *jsonResponse, NSError *error) {
if (error) {
NSLog(@"[Error] %@", error.localizedDescription);
} else {
// 여기에서 jsonResponse를 가공 한 후 앱에서 사용하실 수 있습니다.
if ([jsonResponse[@"code"] isEqual:@"0"]) {
// ****** 정상 성공시 ****** //
// 기본적으로 code, msg, requestTime이라는 키값을 가지며, main으로는 data라는 키값을 가지는데, 그 안에 list로 상품별 정보를 가집니다. (requestTime은 unix timestamp입니다.)
// result 안의 value만 추출
NSArray* resultOfApi = jsonResponse[@"data"];
// api로 받은 데이터 깔끔한 dictionary로 가공하기
for (int i=0; i<resultOfApi.count; i++) {
/* #################### dataFromSymbol #################### */
// ****** api의 데이터들 수집한거 필요시 가공해서 저장하기 ****** //
// OKX거래소의 경우 dataFromAsset을 먼저 선언하는게 더 좋다! ex. iinstId : BTC-USDT / BTC-USD-SWAP
NSString *asset = [[resultOfApi[i][@"instId"] componentsSeparatedByString:@"-"] objectAtIndex:0];
NSString *paymentCurrency = [[resultOfApi[i][@"instId"] componentsSeparatedByString:@"-"] objectAtIndex:1];
NSString *symbol = [asset stringByAppendingString:paymentCurrency]; // 심볼
NSString *price = resultOfApi[i][@"last"]; // 가격
// 변동률은 데이터를 다른 거래소 정보와 함께 노출시 통일성있게 하기 위해 부분 가공이 진행됩니다.
float diffPrice = [price floatValue] - [resultOfApi[i][@"open24h"] floatValue];
NSString *changePricePercent24 = [NSString stringWithFormat:@"%.2f", (diffPrice) / [resultOfApi[i][@"open24h"] floatValue] * 100]; // 근24시간 가격 변동률
if (![changePricePercent24 hasPrefix:@"-"]) {
// 음수가 아닌 경우, +로 기호 맨앞에 붙여주기
changePricePercent24 = [@"+" stringByAppendingString:changePricePercent24];
}
NSString *volume24 = resultOfApi[i][@"vol24h"]; // 근24시간 거래량
NSString *turnover24 = resultOfApi[i][@"volCcy24h"]; // 근24시간 거래대금
// dataFromSymbol
self.dataFromSymbol[symbol] = [@{} mutableCopy];
self.dataFromSymbol[symbol][@"price"] = price; // 가격
self.dataFromSymbol[symbol][@"changePricePercent24"] = changePricePercent24; // 근24시간 가격 변동률
self.dataFromSymbol[symbol][@"turnover24"] = turnover24; // 근24시간 거래대금
self.dataFromSymbol[symbol][@"volume24"] = volume24; // 근24시간 거래량
/* #################### dataFromAsset #################### */
// 사용된 payment currency 찾고 symbol을 찢기
for (NSString *eachpaymentCurrency in self.paymentCurrencyInfo[@"spot"]) {
// 뒤에 payment currency 매치되는거 찾은 경우 분리 진행
if ([symbol hasSuffix:eachpaymentCurrency]) {
asset = [[symbol componentsSeparatedByString:eachpaymentCurrency] objectAtIndex:0];
paymentCurrency = eachpaymentCurrency;
}
}
// dataFromAsset 데이터셋 만들어주고
if (asset && paymentCurrency) {
// 취급하는 payment currency인 경우
self.dataFromAsset[asset] = [@{} mutableCopy];
self.dataFromAsset[asset][paymentCurrency] = [@{} mutableCopy];
// dataFromAsset 데이터셋 만들어주고
self.dataFromAsset[asset][paymentCurrency][@"price"] = price; // 가격
self.dataFromAsset[asset][paymentCurrency][@"changePricePercent24"] = changePricePercent24; // 근24시간 가격 변동률
self.dataFromAsset[asset][paymentCurrency][@"turnover24"] = turnover24; // 근24시간 거래대금
self.dataFromAsset[asset][paymentCurrency][@"volume24"] = volume24; // 근24시간 거래량
} else {
// 취급하지 않는 payment currency인 경우
// pass합니다. 그래도 뭐가 skip되는지는 알아야하니까 1번만 출력합니다.
static dispatch_once_t oneTokenTmp;
dispatch_once(&oneTokenTmp, ^{
NSLog(@"[WARN] not include : %@", symbol);
});
}
}
} else {
// ****** 비정상으로 실패시 ****** //
// 에러가 발생한 경우 retCode는 0이 아니며, retMsg에 관련 상세 내용이 있습니다.
NSLog(@"[ERROR] Return Code : %@", jsonResponse[@"code"]);
NSLog(@"[ERROR] Return Message : %@", jsonResponse[@"msg"]);
// api로 받은 데이터 깔끔한 dictionary로 가공하기
}
}
}];
}
// _paymentCurrencyInfo : spot, futures 각각에서 취급하는 paymentCurrencyList를 보유하게 됩니다. 해당 정보를 토대로, symbol 데이터를 활용해 asset과 paymentCurrency를 분리할 수 있습니다.
-(void) getOnlyPaymentCurrencyData {
// bybit 관련 default 데이터 불러오기
NSDictionary *okx = [DefaultLoader sharedInstance].exchangeInfo[@"Okx"];
NSArray *categoryList = @[@"spot", @"futures"];
// 데이터 정리하기
for (NSString *category in categoryList) {
for (NSString *group in [okx[category] allKeys]) {
if ([okx[category][group][@"category"] isEqual:category]) {
// spot
[_paymentCurrencyInfo[category] addObjectsFromArray:okx[category][group][@"paymentCurrencyList"]];
} else if ([okx[category][group][@"category"] isEqual:@"coin-m"]) {
// usd
[_paymentCurrencyInfo[category] addObjectsFromArray:okx[category][@"coinMargin"][@"paymentCurrencyList"]];
} else if ([okx[category][group][@"category"] isEqual:@"usd(s)-m"]) {
// usdt
[_paymentCurrencyInfo[category] addObjectsFromArray:okx[category][@"stableMargin"][@"paymentCurrencyList"]];
} else {
NSLog(@"[WARN] Bybit spot payment currency not match : Skip...");
}
}
}
}
@end
5. PopluarAssetListVC 파일 수정 주요 소스코드
// vim PopularAssetListVC.m
// ...
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 뷰 그리기 0.5초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:0.8
target:self
selector:@selector(updateCardDataOkx)
userInfo:nil
repeats:YES];
// ...
// 데이터 가져오기 코드
- (void)updateCardDataOkx {
// **************************************** [Start] Bitget 데이터 가져오기 **************************************** //
// api로 받은 데이터 깔끔한 dictionary로 가공하기
SpotOkx *mainData = [SpotOkx sharedInstance];
[mainData fetchDataWithCompletion];
self.popularSpotPriceList[@"Okx"] = mainData.dataFromSymbol;
// **************************************** [End] Bitget 데이터 가져오기 **************************************** //
}
// ...
6. 결과 예시
7. PopluarAssetListVC 파일 수정 전체 소스코드
// vim Controller/PopluarAssetListVC.h
#import <UIKit/UIKit.h>
// SecondViewController라는 이름의 뷰 컨트롤러 클래스를 선언합니다.
@interface PopluarAssetListVC : UIViewController
@property (readwrite, strong, nonatomic) UIScrollView *scrollView;
@property (readwrite, strong, nonatomic) UIStackView *stackView;
/* #################### 뷰 기본 세팅 #################### */
@property (strong, nonatomic) UILabel *UILabel;
// 탑 뷰
@property (strong, nonatomic) UIView *topInfoTab;
// 라벨 : 현재 시간
@property (strong, nonatomic) UILabel *earthLabel;
@property (strong, nonatomic) UILabel *liveUTCLabel;
@property (strong, nonatomic) UILabel *koreanFlagLabel;
@property (strong, nonatomic) UILabel *liveKSTLabel;
// 라벨 : 환율
@property (strong, nonatomic) UILabel *ratesLabel;
@property (strong, nonatomic) UILabel *beforeRatesLabel;
// 라벨 : 카드
@property (strong, nonatomic) NSMutableArray *cardViewList; // Label
@property (strong, nonatomic) NSMutableArray *cryptoNameLabelList; // Label
@property (strong, nonatomic) NSMutableArray *cryptoPriceHighLabelList; // Label
@property (strong, nonatomic) NSMutableArray *changePricePercent24HighLabelList; // Label
@property (strong, nonatomic) NSMutableArray *exchangeLogoHighImageList; // ImageView
@property (strong, nonatomic) NSMutableArray *cryptoPriceLowLabelList; // Label
@property (strong, nonatomic) NSMutableArray *changePricePercent24LowLabelList; // Label
@property (strong, nonatomic) NSMutableArray *exchangeLogoLowImageList; // ImageView
@property (strong, nonatomic) NSMutableArray *maxPricePremiumPercentLabelList; // Label
@property (strong, nonatomic) NSMutableArray *maxPremiumTabHighExchangeImageList; // ImageView
@property (strong, nonatomic) NSMutableArray *maxPremiumTabLowExchangeImageList; // ImageView
/* #################### 데이터 세팅 #################### */
// default.json의 exchangeInfo 저장
@property (strong, nonatomic) NSDictionary *exchangeInfo;
// 현재 가격 정보 저장하는 데이터
// Spot 가격 정보 저장용 데이터
@property (readwrite, strong, nonatomic) NSMutableDictionary *popularSpotPriceList;
/* #################### 메소드 #################### */
// 거래소별로 api call을 통한 데이터 업데이트 주기가 다르게 설정되어 분리
-(void) updateCardDataBinance;
-(void) updateCardDataBybit;
// 카드 안의 정보들을 최신 데이터로 뷰 다시 그려주기
-(void) updateCardView;
// 해당 화면 전체 뷰 최신화하기
-(void) updateView;
-(void) loadPopularList;
-(void) setPriceList;
@end
// vim Controller/PopluarAssetListVC.m
#import <Foundation/Foundation.h>
#import "PopluarAssetListVC.h"
// api 통신 용도
#import "APIManager.h"
// default.json 데이터 읽기
#import "DefaultLoader.h"
// 현재 시간 가져오는 용도
#import "DateTime.h"
// unix 변환용
#import "CRTunixToString.h"
// 환율 서비스
#import "ServiceRecentRates.h"
// 거래소 api
#import "SpotBybit.h"
#import "SpotBinance.h"
#import "SpotBitget.h"
#import "SpotOkx.h"
//#import "SpotKraken.h" // 2023-07-24 Kraken 미사용으로 변경 (because 최근 24시간 가격 변동률 정보 추출 불가)
@implementation PopluarAssetListVC {
// json에서 가져온 popularList raw 데이터
NSArray *popularList;
}
- (void)viewDidLoad {
[super viewDidLoad];
// viewDidLoad 메서드에서 스크롤 뷰를 초기화하고 설정합니다.
// 스크롤 뷰 생성 및 초기화
self.scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];
self.scrollView.backgroundColor = [UIColor clearColor];
[self.view addSubview:self.scrollView];
// 스택 뷰 생성 및 초기화
self.stackView = [[UIStackView alloc] initWithFrame:self.scrollView.bounds];
self.stackView.axis = UILayoutConstraintAxisVertical;
self.stackView.distribution = UIStackViewDistributionEqualSpacing;
self.stackView.alignment = UIStackViewAlignmentFill;
self.stackView.spacing = 0;
[self.scrollView addSubview:self.stackView];
// default.json의 필요 데이터 가져오기
[self loadExchangeInfo];
[self loadPopularList];
[self setPriceList];
// 데이터를 표시할 레이블 생성
// **************************************** [Start] 뷰 그리기 **************************************** //
//카드뷰 배치에 필요한 변수를 설정합니다.
// 카드 목록 나열될 공간 세팅
// ****************************** //
// 목록 상단 공백 margin 설정
CGFloat cardViewTopStartMargin = 10.0;
// 카드 목록의 좌우 공백 각각의 margin
CGFloat horizontalMargin = 2.0;
// 카드와 카드 사이의 공백
CGFloat cardViewSpacing = 0.0;
// 카드뷰 목록 노출 시작 x축 위치 자동 설정
CGFloat cardViewXPosition = horizontalMargin;
// ****************************** //
// 카드 자체에 대한 세팅
// 카드 높이 길이 (상하 길이) 설정
CGFloat cardViewHeight = 44.0;
// 카드 좌우 길이 phone size 참조하여 자동 조정
CGFloat cardViewWidth = [UIScreen mainScreen].bounds.size.width - horizontalMargin * 2;
// 카드뷰 안에 내용 들어가는 공간까지의 margin
CGFloat basicMarginInCard = 4.0;
CGFloat defaultFontSize = 16.0;
// ****************************** //
// **************************************** [Start] 최상단에 기타 정보 공간 **************************************** //
/* #################### 현재 시간 정보 #################### */
self.topInfoTab = [[UIView alloc] initWithFrame:CGRectMake(cardViewXPosition, cardViewTopStartMargin - (cardViewSpacing + cardViewHeight), cardViewWidth, cardViewHeight)];
// 국기 너비 길이 (좌우 길이) 설정
CGFloat miniImange = 18.0;
// ****** 글로벌 지구 이모티콘 및 시간 설정 ****** //
self.earthLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard, basicMarginInCard, miniImange, 20)];
self.earthLabel.text = @"🌍";
// 표준 시간 = 그리니치 표준시 : 더블린, 에든버러, 리스본, 런던, 카사블랑카, 몬로비아
self.liveUTCLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard + miniImange, basicMarginInCard, cardViewWidth / 2, 20)];
self.liveUTCLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// ****** 한국 이모티콘 및 시간 설정 ****** //
// 태극기
self.koreanFlagLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard, basicMarginInCard + cardViewHeight / 2, miniImange, 20)];
self.koreanFlagLabel.text = @"🇰🇷";
// 한국 시간
self.liveKSTLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard + miniImange, basicMarginInCard + cardViewHeight / 2, cardViewWidth / 2, 20)];
self.liveKSTLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
/* #################### 환율 정보 #################### */
self.ratesLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard + cardViewWidth/3*2, basicMarginInCard, cardViewWidth/4, 20)];
self.ratesLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
self.ratesLabel.textAlignment = NSTextAlignmentRight;
self.beforeRatesLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard + cardViewWidth/3*2, basicMarginInCard + cardViewHeight / 2, cardViewWidth/4, 20)];
self.beforeRatesLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
self.beforeRatesLabel.textAlignment = NSTextAlignmentRight;
// ****** 상단에 배치할 Label들을 topInfoTab View에 추가 ****** //
// global 적용
[self.topInfoTab addSubview:_earthLabel];
[self.topInfoTab addSubview:_liveUTCLabel];
// korea 적용
[self.topInfoTab addSubview:_koreanFlagLabel];
[self.topInfoTab addSubview:_liveKSTLabel];
// 환율 적용
[self.topInfoTab addSubview:_ratesLabel];
[self.topInfoTab addSubview:_beforeRatesLabel];
// ****** 상단 UIView를 self.scrollView에 추가 ****** //
[self.scrollView addSubview:_topInfoTab];
// **************************************** [Start] 카드뷰 목록 쭉 만들기 **************************************** //
self.cardViewList = [@[] mutableCopy];
self.cryptoNameLabelList = [@[] mutableCopy];
self.cryptoPriceHighLabelList = [@[] mutableCopy];
self.changePricePercent24HighLabelList = [@[] mutableCopy];
self.exchangeLogoHighImageList = [@[] mutableCopy];
self.cryptoPriceLowLabelList = [@[] mutableCopy];
self.changePricePercent24LowLabelList = [@[] mutableCopy];
self.exchangeLogoLowImageList = [@[] mutableCopy];
self.maxPricePremiumPercentLabelList = [@[] mutableCopy];
self.maxPremiumTabHighExchangeImageList = [@[] mutableCopy];
self.maxPremiumTabLowExchangeImageList = [@[] mutableCopy];
for (int i=0; i<popularList.count; i++) {
/* #################### 카드뷰 기본 세팅 #################### */
UIView *cardView = [[UIView alloc] initWithFrame:CGRectMake(cardViewXPosition, cardViewTopStartMargin + i * (cardViewSpacing + cardViewHeight), cardViewWidth, cardViewHeight)];
// UILabel의 텍스트 색상 및 배경색 설정
// 카드뷰 배경색을 설정합니다.
if (UITraitCollection.currentTraitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
// 다크모드인 경우
cardView.backgroundColor = [UIColor blackColor];
[self.view addSubview:cardView];
// 카드 테두리 다크그레이색
cardView.layer.borderColor = [UIColor darkGrayColor].CGColor;
} else {
// 라이트모드인 경우
cardView.backgroundColor = [UIColor whiteColor];
[self.view addSubview:cardView];
// 카드 테두리 다크그레이색
cardView.layer.borderColor = [UIColor lightGrayColor].CGColor;
}
// 카드 테두리 두께
cardView.layer.borderWidth = 0.5;
// 카드뷰 모서리를 둥글게 설정합니다. 조건 1
cardView.layer.cornerRadius = 0.0;
// cardView의 경계를 기준으로 내용물이 보이는 영역을 제한합니다. masksToBounds를 YES로 설정하면, cardView의 경계 밖에 있는 모든 내용물은 자르고 숨깁니다(클립 됩니다). 즉 뷰의 경계 값을 초과한 부분을 자르기 위해 masksToBounds를 YES로 설정합니다. 반면 masksToBounds가 NO인 경우(기본값)에는 뷰의 경계 밖에 있는 내용물이 그대로 보이게 됩니다.
cardView.layer.masksToBounds = YES;
// UILabel 객체를 생성합니다. 이 레이블은 암호화폐의 이름을 표시할 것입니다.
// 따라서 CGRect를 사용하여 레이블의 위치와 크기를 설정하며, 왼쪽 위 모서리에서 시작합니다.
UILabel *cryptoNameLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard, basicMarginInCard, cardViewWidth / 4, 20)];
cryptoNameLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// systemFontOfSize:defaultFontSize
// 생성한 cryptoNameLabel을 cardView의 서브뷰로 추가합니다. 이렇게 함으로써 레이블이 카드 뷰에 표시됩니다.
[_cryptoNameLabelList addObject:cryptoNameLabel];
[cardView addSubview:cryptoNameLabel];
/* #################### High spot 현재 가격, 거래소 정보 노출 라벨 세팅 #################### */
// 암호화폐 가격 레이블을 생성하고 카드뷰에 추가합니다.
// 가격위한 기본 셋
UILabel *cryptoPriceHighLabel = [[UILabel alloc] initWithFrame:CGRectMake(cardViewWidth / 5, basicMarginInCard, cardViewWidth / 5, 20)];
cryptoPriceHighLabel.textAlignment = NSTextAlignmentRight;
cryptoPriceHighLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// 최근 24시간동안의 가격 변동률 정보 제공을 위한 기본 셋
UILabel *changePricePercent24HighLabel = [[UILabel alloc] initWithFrame:CGRectMake(cardViewWidth / 20 * 9, basicMarginInCard, cardViewWidth/3, 20)];
changePricePercent24HighLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// 거래소 이름 및 로고 레이블을 생성하고 카드뷰에 추가합니다.
// 거래소 아이콘을 위한 기본 셋
UIImageView *exchangeLogoHighImage = [[UIImageView alloc] initWithFrame:CGRectMake(cardViewWidth / 5 * 2, basicMarginInCard, miniImange, miniImange)];
exchangeLogoHighImage.contentMode = UIViewContentModeScaleAspectFit; // 해당 옵션을 사용하여 가로세로 비율 유지 크기입니다.
/* #################### Low spot 현재 가격, 거래소 정보 노출 라벨 세팅 #################### */
// 암호화폐 가격 레이블을 생성하고 카드뷰에 추가합니다.
// 가격위한 기본 셋
UILabel *cryptoPriceLowLabel = [[UILabel alloc] initWithFrame:CGRectMake(cardViewWidth / 5, cardViewHeight/2, cardViewWidth / 5, 20)];
cryptoPriceLowLabel.textAlignment = NSTextAlignmentRight;
cryptoPriceLowLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// 최근 24시간동안의 가격 변동률 정보 제공을 위한 기본 셋
UILabel *changePricePercent24LowLabel = [[UILabel alloc] initWithFrame:CGRectMake(cardViewWidth / 20 * 9, cardViewHeight/2, cardViewWidth/3, 20)];
changePricePercent24LowLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// 거래소 이름 및 로고 레이블을 생성하고 카드뷰에 추가합니다.
// 거래소 아이콘을 위한 기본 셋
UIImageView *exchangeLogoLowImage = [[UIImageView alloc] initWithFrame:CGRectMake(cardViewWidth / 5 * 2, cardViewHeight/2, miniImange, miniImange)];
exchangeLogoLowImage.contentMode = UIViewContentModeScaleAspectFit; // 해당 옵션을 사용하여 가로세로 비율 유지 크기입니다.
/* #################### spot 프리미엄 노출 세팅 #################### */
// 기본 셋
UILabel *maxPricePremiumPercentLabel = [[UILabel alloc] initWithFrame:CGRectMake(basicMarginInCard, cardViewHeight/2, cardViewWidth / 8 + miniImange, 20)];
maxPricePremiumPercentLabel.textAlignment = NSTextAlignmentRight;
maxPricePremiumPercentLabel.font = [UIFont fontWithName:@"Pretendard-Regular" size:defaultFontSize];
// top rank 거래소 아이콘을 위한 기본 셋
UIImageView *maxPremiumTabHighExchangeImage = [[UIImageView alloc] initWithFrame:CGRectMake(basicMarginInCard, cardViewHeight/2, miniImange, miniImange)];
maxPremiumTabHighExchangeImage.contentMode = UIViewContentModeScaleAspectFit; // 해당 옵션을 사용하여 가로세로 비율 유지 크기입니다.
// bottom rank 거래소 아이콘을 위한 기본 셋
UIImageView *maxPremiumTabLowExchangeImage = [[UIImageView alloc] initWithFrame:CGRectMake(basicMarginInCard + miniImange + cardViewWidth / 8, cardViewHeight/2, miniImange, miniImange)];
maxPremiumTabLowExchangeImage.contentMode = UIViewContentModeScaleAspectFit; // 해당 옵션을 사용하여 가로세로 비율 유지 크기입니다.
// top rank spot
[cardView addSubview:cryptoPriceHighLabel];
[_cryptoPriceHighLabelList addObject:cryptoPriceHighLabel];
[cardView addSubview:changePricePercent24HighLabel];
[_changePricePercent24HighLabelList addObject:changePricePercent24HighLabel];
[cardView addSubview:exchangeLogoHighImage];
[_exchangeLogoHighImageList addObject:exchangeLogoHighImage];
// bottom rank spot
[cardView addSubview:cryptoPriceLowLabel];
[_cryptoPriceLowLabelList addObject:cryptoPriceLowLabel];
[cardView addSubview:changePricePercent24LowLabel];
[_changePricePercent24LowLabelList addObject:changePricePercent24LowLabel];
[cardView addSubview:exchangeLogoLowImage];
[_exchangeLogoLowImageList addObject:exchangeLogoLowImage];
// spot max premium % in spot
[cardView addSubview:maxPricePremiumPercentLabel];
[_maxPricePremiumPercentLabelList addObject:maxPricePremiumPercentLabel];
[cardView addSubview:maxPremiumTabHighExchangeImage];
[_maxPremiumTabHighExchangeImageList addObject:maxPremiumTabHighExchangeImage];
[cardView addSubview:maxPremiumTabLowExchangeImage];
[_maxPremiumTabLowExchangeImageList addObject:maxPremiumTabLowExchangeImage];
// cardView를 self.scrollView에 추가합니다.
[self.scrollView addSubview:cardView];
// 레이블 세팅 완료된 cardView를 CardViewList에 넣기
[self.cardViewList addObject: cardView];
}
// 상하 스크롤 최대치 자동 설정
CGFloat contentHeight = popularList.count * (cardViewHeight + cardViewSpacing);
self.scrollView.contentSize = CGSizeMake(self.view.bounds.size.width, contentHeight);
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 바이낸스 2초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:2
target:self
selector:@selector(updateCardDataBinance)
userInfo:nil
repeats:YES];
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 바이비트 0.5초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:0.8
target:self
selector:@selector(updateCardDataBybit)
userInfo:nil
repeats:YES];
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 뷰 그리기 0.5초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:0.8
target:self
selector:@selector(updateCardDataBitget)
userInfo:nil
repeats:YES];
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 뷰 그리기 0.5초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:0.8
target:self
selector:@selector(updateCardDataOkx)
userInfo:nil
repeats:YES];
// // ** 2023-07-24 Kraken 미사용으로 변경 (because 최근 24시간 가격 변동률 정보 추출 불가) ** //
// // NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 뷰 그리기 0.5초에 1번씩
// [NSTimer scheduledTimerWithTimeInterval:0.3
// target:self
// selector:@selector(updateCardDataKraken)
// userInfo:nil
// repeats:YES];
// NSTimer 생성 및 메서드 호출 설정 - 매 특정시간마다 호출 - 뷰 그리기 0.5초에 1번씩
[NSTimer scheduledTimerWithTimeInterval:0.3
target:self
selector:@selector(updateCardView)
userInfo:nil
repeats:YES];
}
// 데이터 가져오기 코드
- (void)updateCardDataBinance {
// **************************************** [Start] Binance 데이터 가져오기 **************************************** //
// api로 받은 데이터 깔끔한 dictionary로 가공하기
SpotBinance *mainData = [SpotBinance sharedInstance];
[mainData fetchDataWithCompletion];
self.popularSpotPriceList[@"Binance"] = mainData.dataFromSymbol;
// **************************************** [End] Binance 데이터 가져오기 **************************************** //
}
// 데이터 가져오기 코드
- (void)updateCardDataBybit {
// **************************************** [Start] Bybit 데이터 가져오기 **************************************** //
// api로 받은 데이터 깔끔한 dictionary로 가공하기
SpotBybit *mainData = [SpotBybit sharedInstance];
[mainData fetchDataWithCompletion];
self.popularSpotPriceList[@"Bybit"] = mainData.dataFromSymbol;
// **************************************** [End] Bybit 데이터 가져오기 **************************************** //
}
// 데이터 가져오기 코드
- (void)updateCardDataBitget {
// **************************************** [Start] Bitget 데이터 가져오기 **************************************** //
// api로 받은 데이터 깔끔한 dictionary로 가공하기
SpotBitget *mainData = [SpotBitget sharedInstance];
[mainData fetchDataWithCompletion];
self.popularSpotPriceList[@"Bitget"] = mainData.dataFromSymbol;
// **************************************** [End] Bitget 데이터 가져오기 **************************************** //
}
// 데이터 가져오기 코드
- (void)updateCardDataOkx {
// **************************************** [Start] Bitget 데이터 가져오기 **************************************** //
// api로 받은 데이터 깔끔한 dictionary로 가공하기
SpotOkx *mainData = [SpotOkx sharedInstance];
[mainData fetchDataWithCompletion];
self.popularSpotPriceList[@"Okx"] = mainData.dataFromSymbol;
// **************************************** [End] Bitget 데이터 가져오기 **************************************** //
}
// // ** 2023-07-24 Kraken 미사용으로 변경 (because 최근 24시간 가격 변동률 정보 추출 불가) ** //
//// 데이터 가져오기 코드
//- (void)updateCardDataKraken {
// // **************************************** [Start] Kraken 데이터 가져오기 **************************************** //
// // api로 받은 데이터 깔끔한 dictionary로 가공하기
// SpotKraken *mainData = [SpotKraken sharedInstance];
// [mainData fetchDataWithCompletion];
// self.popularSpotPriceList[@"Kraken"] = mainData.dataFromSymbol;
//
// // **************************************** [End] Kraken 데이터 가져오기 **************************************** //
//}
-(void) updateCardView {
// 메인 스레드에서만 UI 업데이트 수행
dispatch_async(dispatch_get_main_queue(), ^{
[self updateView];
});
}
// default.json 파일의 exchangeInfo 데이터 읽기
-(void) loadExchangeInfo {
// default.json의 popularList 불러오고 정상인지 1차 확인하기 = popularList에 있는 각 element들의 개수가 같은지 확인
_exchangeInfo = [DefaultLoader sharedInstance].exchangeInfo;
}
// default.json 파일의 popularList 데이터 읽기
-(void) loadPopularList {
// default.json의 popularList 불러오고 정상인지 1차 확인하기 = popularList에 있는 각 element들의 개수가 같은지 확인
popularList = [DefaultLoader sharedInstance].popularList;
int checkDefaultJsonFile = 0;
for (int i=0; i<popularList.count-1; i++) {
if ([popularList[i] count] == [popularList[i+1] count]) {
checkDefaultJsonFile += 1;
}
}
if (checkDefaultJsonFile == [popularList count]-1) {
// default.json파일의 popularList 안에 있는 Array들 중 길이가 모두 같으면
NSLog(@"%@", @"[INFO] default.json Check : Normal");
} else {
// default.json파일의 popularList 안에 있는 Array들 중 길이가 다른 것이 1개라도 있으면 WARN 출력 및 앱 dead
NSLog(@"****************************************************");
NSLog(@"[WARN] Check File : default.json - popularList");
NSLog(@"****************************************************");
}
}
// popularList에서 수집을 1건 이상이라도 할 예정인 거래소 목록을 실시간 호가 정보 데이터에 셋업하기
-(void) setPriceList {
// 초기값 세팅 (안해주면 for문 돌면서 해당 dictionary에 데이터가 들어가지 않음)
_popularSpotPriceList = [@{} mutableCopy];
for (int i=0; i<popularList.count; i++) {
for (NSString *eachPopular in popularList[i][0]) {
NSString *category = [[eachPopular componentsSeparatedByString:@"-"] objectAtIndex:0];
NSString *exchange = [[eachPopular componentsSeparatedByString:@"-"] objectAtIndex:1];
if ([category isEqual:@"spot"]) {
_popularSpotPriceList[exchange] = [@{} mutableCopy];
}
}
}
}
-(void) updateView {
// 현재 시간 확인을 위한 singlton instance 생성
DateTime *now = [DateTime sharedInstance];
// 레이블의 텍스트를 설정합니다. 여기에서는 UTC 시간을 업데이트합니다.
[now NowUTC: @"yyyy-MM-dd (E) HH:mm:ss"];
self.liveUTCLabel.text = now.dateTime;
// 레이블의 텍스트를 설정합니다. 여기에서는 KST 시간을 업데이트합니다.
[now NowKST: @"yyyy-MM-dd (E) HH:mm:ss"];
self.liveKSTLabel.text = now.dateTime;
/* #################### USDKRW 환율 정보 업데이트 #################### */
ServiceRecentRates *ratesInfo = [ServiceRecentRates sharedInstance];
[ratesInfo getData];
self.ratesLabel.text = [ratesInfo.usdkrw stringValue];
self.beforeRatesLabel.text = [ratesInfo.beforeUsdkrw stringValue];
// **************************************** [Start] 카드뷰 데이터 업데이트 **************************************** //
for (int i=0; i<popularList.count; i++) {
// 기준 key인 symbol 변수 설정
NSString *symbol = popularList[i][4];
/* #################### 카드뷰 기본 세팅 #################### */
UILabel *cryptoNameLabel = _cryptoNameLabelList[i];
cryptoNameLabel.text = symbol;
/* #################### 취급 상품 정리 및 데이터 가공 for 동일 상품에 대한 거래소간 가격 비교 기존 Array 제작 #################### */
NSMutableArray *exchangeNameList = [@[] mutableCopy];
// 특정 거래소에 있는지 확인
for (NSString *item in popularList[i][0]) {
NSString *category = [[item componentsSeparatedByString:@"-"] objectAtIndex:0];
// spot인 상품의 거래소 목록 만들기
if ([category isEqual: @"spot"]) {
NSString *exchangeName = [[item componentsSeparatedByString:@"-"] objectAtIndex:1];
[exchangeNameList addObject:exchangeName];
}
}
/* #################### 누가 High로 배치될지, Low로 배치될지 로직 #################### */
// 거래소 가격 비교해보고 탑랭크, 바텀랭크 지정
NSString *topRankPriceExchange = @"";
NSString *bottomRankPriceExchange = @"";
NSUInteger minIndex = 0;
NSUInteger maxIndex = 0;
if ([_popularSpotPriceList[exchangeNameList[0]] objectForKey:symbol] || [_popularSpotPriceList[exchangeNameList[1]] objectForKey:symbol] || [_popularSpotPriceList[exchangeNameList[2]] objectForKey:symbol]) {
// 가격 정보가 1개 이상인 경우
for (NSUInteger i=1; i<exchangeNameList.count; i++) {
if (_popularSpotPriceList[exchangeNameList[i]][symbol][@"price"]) {
// 아예 수집을 하지 못한 거래소가 최소값인 거래소로 나오지 않도록, 없는 값은 아닌지 확인! null을 floatValue 하면 0.000000 이 나오기 때문에 무조건 작은 index로 잡힙니다. null인 애는 제외하고 대소비교를 해야합니다.
if ([_popularSpotPriceList[exchangeNameList[i]][symbol][@"price"] floatValue] <= [_popularSpotPriceList[exchangeNameList[minIndex]][symbol][@"price"] floatValue]) {
// 가장 저렴한 Exchange index 찾기
minIndex = i;
}
if ([_popularSpotPriceList[exchangeNameList[i]][symbol][@"price"] floatValue] > [_popularSpotPriceList[exchangeNameList[maxIndex]][symbol][@"price"] floatValue]) {
// 가장 비싼 Exchange index 찾기
maxIndex = i;
}
}
}
// 찾은 최소 index와 최대 index를 통해 top, bottom 거래소명 값 저장
topRankPriceExchange = exchangeNameList[maxIndex];
bottomRankPriceExchange = exchangeNameList[minIndex];
} else {
// 가격 정보가 모두 없을 경우 (로딩중이거나 못불러오거나) 전부 0으로 노출
topRankPriceExchange = exchangeNameList[1];
bottomRankPriceExchange = exchangeNameList[1];
_popularSpotPriceList[topRankPriceExchange][symbol][@"price"] = 0;
_popularSpotPriceList[bottomRankPriceExchange][symbol][@"price"] = 0;
}
// ****** top price spot 거래소명 및 이미지 설정 ****** //
((UIImageView *)_exchangeLogoHighImageList[i]).image = [UIImage imageNamed:[DefaultLoader sharedInstance].exchangeInfo[topRankPriceExchange][@"image"]];;
// top price 가격 확보 실패시
if (_popularSpotPriceList[topRankPriceExchange][symbol][@"price"]) {
// 데이터가 정상적으로 있는 경우
((UILabel *)_cryptoPriceHighLabelList[i]).text = _popularSpotPriceList[topRankPriceExchange][symbol][@"price"];
NSString *changePricePercent24 = [_popularSpotPriceList[topRankPriceExchange][symbol][@"changePricePercent24"] stringByAppendingString:@"%"];
((UILabel *)_changePricePercent24HighLabelList[i]).text = changePricePercent24;
if ([changePricePercent24 isEqual:@"-%"]) {
// pass = defaul Color로 text 색칠하고, 기존 % 없는 -로 출력하기, 대표적으로 Kraken 거래소는 최근 24시간 가격 변동률을 구할 수 없어서 해당 기능 넣었음, 하지만 Kraken 아예 수집 안하는거로 수정해서 필요한 내용은 아님
((UILabel *)_changePricePercent24HighLabelList[i]).text = @" - ";
} else if ([changePricePercent24 hasPrefix:@"+"]) {
// 상승은 빨간색
((UILabel *)_changePricePercent24HighLabelList[i]).textColor = [UIColor redColor];
} else {
// 하락은 파란색
((UILabel *)_changePricePercent24HighLabelList[i]).textColor = [UIColor blueColor];
}
} else {
// 데이터가 없는 경우 : 비정상 상태는 아니고, 0개의 거래소에 상장되어있는 경우 데이터가 아예 없어서 이런 현상 발생
((UILabel *)_cryptoPriceHighLabelList[i]).text = @" - ";
((UILabel *)_changePricePercent24HighLabelList[i]).text = @" - ";
}
// ****** bottom price spot 거래소 이미지 설정 ****** //
((UIImageView *)_exchangeLogoLowImageList[i]).image = [UIImage imageNamed:[DefaultLoader sharedInstance].exchangeInfo[bottomRankPriceExchange][@"image"]];
// bottom price 가격 확보 실패시
if (_popularSpotPriceList[bottomRankPriceExchange][symbol][@"price"]) {
// 데이터가 정상적으로 있는 경우
((UILabel *)_cryptoPriceLowLabelList[i]).text = _popularSpotPriceList[bottomRankPriceExchange][symbol][@"price"];
NSString *changePricePercent24 = [_popularSpotPriceList[bottomRankPriceExchange][symbol][@"changePricePercent24"] stringByAppendingString:@"%"];
((UILabel *)_changePricePercent24LowLabelList[i]).text = changePricePercent24;
if ([changePricePercent24 hasPrefix:@"+"]) {
((UILabel *)_changePricePercent24LowLabelList[i]).textColor = [UIColor redColor];
} else {
((UILabel *)_changePricePercent24LowLabelList[i]).textColor = [UIColor blueColor];
}
} else {
// 데이터가 없는 경우 : 비정상 상태는 아니고, 1개의 거래소에만 상장되어있는 경우 데이터가 없어서 이런 현상 발생
((UILabel *)_cryptoPriceLowLabelList[i]).text = @" - ";
((UILabel *)_changePricePercent24LowLabelList[i]).text = @" - ";
}
/* #################### 프리미엄 비교 #################### */
float topPrice = [_popularSpotPriceList[topRankPriceExchange][symbol][@"price"] floatValue];
float bottomPrice = [_popularSpotPriceList[bottomRankPriceExchange][symbol][@"price"] floatValue];
// 소수점 둘째자리 수까지
NSString *maxPremiumPercent = [NSString stringWithFormat:@"%.2f", (topPrice-bottomPrice)/bottomPrice*100];
// ****** max premium spot 이미지 및 프리미엄 수치 설정 ****** //
if ([maxPremiumPercent isEqual:@"inf"]) {
// 가격 비교할 거래소가 없어 1개의 거래소 데이터만 있는 경우
maxPremiumPercent = @" - % ";
} else if ([maxPremiumPercent isEqual:@"nan"]) {
// 아무런 거래소에도 상장되어있지 않은 경우
maxPremiumPercent = @" - % ";
} else {
// 가격 비교할 거래소가 있어 2개 이상의 거래소 데이터가 있는 일반적인 경우
maxPremiumPercent = [maxPremiumPercent stringByAppendingString:@"%"];
}
// 특정 값 이상 프리미엄 발생시, 텍스트에 배경색 입히기
NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:maxPremiumPercent];
if ([maxPremiumPercent floatValue] >= 0.1) {
// 0.1 이상인 경우 주황색
[attributedString addAttribute:NSBackgroundColorAttributeName
value:[UIColor orangeColor]
range:NSMakeRange(0, maxPremiumPercent.length)];
} else if ([maxPremiumPercent floatValue] >= 0.05) {
// 0.05 이상인 경우 회색
if (UITraitCollection.currentTraitCollection.userInterfaceStyle == UIUserInterfaceStyleDark) {
// ****** 시스템 테마 설정에 따라 색 다르게 적용 ****** //
// 다크모드인 경우
[attributedString addAttribute:NSBackgroundColorAttributeName
value:[UIColor darkGrayColor]
range:NSMakeRange(0, maxPremiumPercent.length)];
} else {
// 라이트모드인 경우
[attributedString addAttribute:NSBackgroundColorAttributeName
value:[UIColor lightGrayColor]
range:NSMakeRange(0, maxPremiumPercent.length)];
}
} else {
// 일반 상태의 경우 clearColor로 지정해, 기존 색을 삭제
[attributedString addAttribute:NSBackgroundColorAttributeName
value:[UIColor clearColor]
range:NSMakeRange(0, maxPremiumPercent.length)];
}
// 특성 적용
((UILabel *)_maxPricePremiumPercentLabelList[i]).attributedText = attributedString;
((UIImageView *)_maxPremiumTabHighExchangeImageList[i]).image = [UIImage imageNamed: [DefaultLoader sharedInstance].exchangeInfo[topRankPriceExchange][@"image"]];
((UIImageView *)_maxPremiumTabLowExchangeImageList[i]).image = [UIImage imageNamed:[DefaultLoader sharedInstance].exchangeInfo[bottomRankPriceExchange][@"image"]];
}
// **************************************** [End] 카드뷰 목록 쭉 만들기 **************************************** //
}
@end