[오픈 API] 앱 다운로드 순위를 가져오자 3부 (모바일앱 구현)

작성자: -
  1. [오픈 API] 앱 다운로드 순위를 가져오자 1부 (AppApnnie Api)
  2. [오픈 API] 앱 다운로드 순위를 가져오자 2부 (모바일 앱 설계)
  3. [오픈 API] 앱 다운로드 순위를 가져오자 3부 (모바일 앱 구현)

마지막 시간으로 지난시간에 설계한 부분을 구현하도록 하겠습니다.

  1. BaseViewController 생성
  2. AuthViewController 클래스
  3. ProductViewController 클래스
  4. SalesViewController 클래스

==============================================================================1. BaseViewController는 ViewController에서 자주 사용할 함수들을 정의할 부모 컨트롤러 입니다.
API를 http로 호출하고 받는 함수들을 정의하면, 각각의 ViewController에서 구현하지 않아도 됩니다.

  • requestUrlGet() : AFNetworking를 이용하여, get방식으로 호출하는 함수입니다.
  • receiveAPI() : AFNetworking를 이용하여, get방식으로 호출한 후 받는 함수 입니다.
  • requestUrlGet 함수에서 파라미터와 주소를 호출하면, 받은 결과를 노티피케이션 객체를 생성, 등록하고, receiveAPI에 노티피케이션 객체를 해지해줍니다.
=============================================================================

- (void)requestUrlGet:(NSString*)urlString parameters:(NSDictionary*)parameters className:(NSString*)className apiName:(NSString*)apiName
{
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(receiveAPI:) name:apiName object:nil];
    
    AFHTTPSessionManager *manager = [[AFHTTPSessionManager alloc]initWithSessionConfiguration:[NSURLSessionConfiguration defaultSessionConfiguration]];
    manager.requestSerializer = [AFJSONRequestSerializer serializer];
    [manager.requestSerializer setTimeoutInterval:10];
    [manager.requestSerializer setValue:@"application/json" forHTTPHeaderField:@"Content-Type"];
    [manager.requestSerializer setValue:APPANNIE_API_KEY forHTTPHeaderField:@"Authorization"];
    
    
    NSLog(@"urlString = %@",urlString);

    
    [manager GET:urlString parameters:parameters progress:nil success:^(NSURLSessionDataTask * _Nonnull task, id  _Nullable responseObject) {
        
        NSLog(@"responseObject = %@",responseObject);
         [[NSNotificationCenter defaultCenter] postNotificationName:apiName object:nil userInfo:responseObject];
        
        
    } failure:^(NSURLSessionDataTask * _Nullable task, NSError * _Nonnull error) {
        NSLog(@"error: %@", error.description);
        [[NSNotificationCenter defaultCenter] removeObserver:self name:apiName object:nil];
        

        
        
    }];
    
}

#pragma mark - receiveAPI
- (void)receiveAPI:(NSNotification*)notification
{
    [[NSNotificationCenter defaultCenter] removeObserver:self name:notification.name object:nil];
}
=============================================================================

2. AuthViewController 에서는 account_id를 얻기 위해, APPANNIE_API_KEY을 이용하여, API를 호출하고, 받은 결과를 authModel 모델에 넣습니다. UI는 UITableView를 이용하여, 받은 결과를 보여주며, 테이블에서 선택한 account_id를 ProductViewController로 넘겨줍니다.


  • reqData() : 검색버튼을 누르면 호출되는 함수로, URL를 요청합니다.
  • receiveAPI() : URL로 요청해서 받은 결과를 받는 함수로, authModel를 넣어주고, 테이블을 새로고침 합니다.
  • nextAtcion() : 테이블에서 선택했을때 선택된 index정보로, 배열의 authModel객체의 account_id를  ProductViewController로 넘겨줍니다.


=============================================================================
- (void)reqData
{
    [self requestUrlGet:AUTH_API(@"0") parameters:nil className:NSStringFromClass(self.class) apiName:@"AUTH_API"];
}
- (void)receiveAPI:(NSNotification *)notification
{
    [super receiveAPI:notification];
    
    self.m_authArray=[AuthModel mj_objectArrayWithKeyValuesArray:notification.userInfo[@"accounts"]];
    
    [m_authTableView reloadData];
    
}

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [self.m_authArray count];
    
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier =@"AuthCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
    
    AuthModel * authModel =[self.m_authArray objectAtIndex:indexPath.row];
    
    
    [cell.textLabel setText:[NSString stringWithFormat:@"%@ (%@)", authModel.account_name, authModel.market]];
    
    
    return cell;
    
}

-(void)nextAtcion:(NSInteger)index
{
    ProductViewController *productViewController =[self.storyboard instantiateViewControllerWithIdentifier:@"ProductViewController"];
    
    AuthModel * authModel =[self.m_authArray objectAtIndex:indexPath.row];
    productViewController.m_AuthModel =authModel;
    
    [self.navigationController pushViewController:productViewController animated:YES];
}
=============================================================================

3. ProductViewController 에서는 product_id를 얻기 위해, account_id을 이용하여, API를 호출하고, 받은 결과를 Product 모델에 넣습니다. UI는 UITableView를 이용하여, 받은 결과를 보여주며, 테이블에서 선택한 product_id와 account_id그전에 얻은 SalesViewController로 넘겨줍니다.

  • reqData() : 검색버튼을 누르면 호출되는 함수로, URL를 요청합니다.
  • receiveAPI() :  URL로 요청해서 받은 결과를 받는 함수로, ProductModel를 넣어주고, 테이블을 새로고침 합니다.
  • nextAtcion() :  테이블에서 선택했을때 선택된 index정보로, 배열의 ProductModel 객체의 product_id와 account_id를  SalesViewController로 넘겨줍니다.


=============================================================================

- (void)reqData
{
    [self requestUrlGet:PRODUCTS_API(self.m_AuthModel.account_id, @"0") parameters:nil className:NSStringFromClass(self.class) apiName:@"PRODUCTS_API"];
}

- (void)receiveAPI:(NSNotification *)notification
{
    [super receiveAPI:notification];
    
    self.m_productArray=[ProductsModel mj_objectArrayWithKeyValuesArray:notification.userInfo[@"products"]];
    
    [m_producTabelView reloadData];
    
}

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return [self.m_productArray count];
    
}


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier =@"ProductCell";
    ProductCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
    cell.delegate =self;
    cell.tag =indexPath.row;
    ProductsModel * productModel =[self.m_productArray objectAtIndex:indexPath.row];
    
    [cell.m_iconImageView sd_setImageWithURL:[NSURL URLWithString:productModel.icon]];
    [cell.m_productIdLabel setText:productModel.product_id];
    [cell.m_productNameLabel setText:productModel.product_name];
    
    
    return cell;
    
}


#pragma mark - ProductCellCellDelegate
-(void)btnAction:(NSInteger)index
{
    SalesViewController *salesViewController =[self.storyboard instantiateViewControllerWithIdentifier:@"SalesViewController"];
    
    ProductsModel * productModel =[self.m_productArray objectAtIndex:index];
    salesViewController.m_ProductModel =productModel;
    salesViewController.m_AuthModel =self.m_AuthModel;
    
    [self.navigationController pushViewController:salesViewController animated:YES];
}
=============================================================================

4.SalesViewController 에선 넘겨받은 product_id와 account_id 이용하여, Sales API 호출하고 결과를 테이블에 노출합니다. 기간을 선택할 수있는 컴포넌트를 추가하여, 파라미터로 같이 넘겨줍니다.

initView() : 시작, 종료를 선택할 수 있는 UITextfiled를 초기화 해줍니다.
seachAction() : 시작, 종료일을 받아 Sales API를 호출합니다.
receiveAPI() : Sales API 받은 결과를 SalesModel에 넣고, 테이블을 새로고침합니다.
dateAction() : 시작, 종료일이 선택했을때 호출되는 함수로 피커뷰를 띄우고 정보를 저장합니다.


=============================================================================
-(void)initView{
    
    [m_tabelView reloadData];
    
    DatePickerCell *endDateCell = [self getDatePickerCell:1];
    
    NSDate *date =[NSDate date];
    NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    [formatter setDateFormat:@"yyyy-MM-dd"];
    [endDateCell.m_dateBtn setTitle:[formatter stringFromDate:date] forState:UIControlStateNormal];
    
    TextFieldCell *textField = [self getTextFieldCell];
    [textField.m_textField setText:@"kr"];
}

-(void)backAction
{
    [self.navigationController popViewControllerAnimated:YES];
}


-(void)seachAction
{
//    #define SALES_API (accountId,productId,start_date,end_date,page_index) [NSString stringWithFormat:@"%@/accounts/%@/products/%@/sales?
    
    DatePickerCell *startDateCell = [self getDatePickerCell:0];
    DatePickerCell *endDateCell = [self getDatePickerCell:1];
    
    NSString *startDate =startDateCell.m_dateBtn.titleLabel.text;
    NSString *endDate =endDateCell.m_dateBtn.titleLabel.text;
    
    if ([self isNull:startDate])
    {
        startDate = @"2017-04-14";
    }
    else if([startDate isEqualToString:@"시작날짜를 선택하세요"])
    {
        
        [SGAlertView alertViewWithTitle:@"알림"
                               delegate:self
                           contentTitle:@"시작날짜를 선택하세요"
                alertViewBottomViewType:SGAlertViewBottomViewTypeOne];
        
        
        
        return;
    }

    if ([self isNull:endDate])
    {
        endDate = @"";
    }
    
    TextFieldCell *textField = [self getTextFieldCell];
///    NSArray = [textField.textLabel.text componentsSeparatedByString:@","];
    NSString *countries = textField.m_textField.text;
    if (countries.length < 1)
    {
        countries =@"kr";
    }

    [self requestUrlGet:SALES_API(self.m_AuthModel.account_id,
                                  self.m_ProductModel.product_id,
                                  startDate,
                                  endDate,
                                  countries,
                                  @"0") parameters:nil className:NSStringFromClass(self.class) apiName:@"SALES_API"];
}

- (void)receiveAPI:(NSNotification *)notification
{
    [super receiveAPI:notification];
    
     self.m_saleArray=[SalesModel mj_objectArrayWithKeyValuesArray:notification.userInfo[@"sales_list"]];
    
    SalesModel *salesModel =  [self.m_saleArray objectAtIndex:0];
    
    [m_downLabel setText:[NSString stringWithFormat:@"다운로드 수 : %@", salesModel.units.product.downloads]];
    [m_updateLabel setText:[NSString stringWithFormat:@"업데이트 수 : %@",salesModel.units.product.updates]];
    
    
}

#pragma mark - UITableViewDataSource

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return 3;
    
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    

    if (indexPath.row ==0)
    {
        // 시작 날짜
        static NSString *CellIdentifier =@"DatePickerCell";
        DatePickerCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
        [cell.m_dateBtn setTitle:@"시작날짜를 선택하세요" forState:UIControlStateNormal];
        cell.m_dateBtn.tag =0;
        cell.delegate = self;
        
        return cell;
    }
    else if (indexPath.row ==1)
    {
        static NSString *CellIdentifier =@"DatePickerCell";
        DatePickerCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier forIndexPath:indexPath];
        
        [cell.m_dateBtn setTitle:@"종료날짜를 선택하세요" forState:UIControlStateNormal];
        cell.m_dateBtn.tag =1;
        cell.delegate = self;
        // 종료 날짜
        return cell;
        
    }
    else
    {
        // countries
        static NSString *TextFieldCellIdentifier =@"TextFieldCell";
        TextFieldCell *cell = [tableView dequeueReusableCellWithIdentifier:TextFieldCellIdentifier forIndexPath:indexPath];
        [cell.m_textField setPlaceholder:@"국가를 입력해주세요(선택사항)"];
        
        return cell;
    }
    
  
    
}

-(void)dateAction:(NSInteger)index
{
    if(index == 0)
    {
        // 시작
        m_startPicker = [[SGDatePicker alloc] init];
        m_startPicker.isBeforeTime = YES;
        m_startPicker.datePickerMode = UIDatePickerModeDate;
        

//        __weak typeof(self) weakSelf = self;
        
        [m_startPicker didFinishSelectedDate:^(NSDate *selectedDate) {
            NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
            [formatter setDateFormat:@"yyyy-MM-dd"];
            DatePickerCell *datePickerCell =[self getDatePickerCell:0] ;
            [datePickerCell.m_dateBtn setTitle:[formatter stringFromDate:selectedDate] forState:UIControlStateNormal];

            
        }];
        
        [m_startPicker show];
    }
    else{
        // 종료
        m_endPicker = [[SGDatePicker alloc] init];
        m_endPicker.isBeforeTime = YES;
        m_endPicker.datePickerMode = UIDatePickerModeDate;
        
        
//        __weak typeof(self) weakSelf = self;
        
        [m_endPicker didFinishSelectedDate:^(NSDate *selectedDate) {
            NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
            [formatter setDateFormat:@"yyyy-MM-dd"];
            
            DatePickerCell *datePickerCell =[self getDatePickerCell:1] ;
            [datePickerCell.m_dateBtn setTitle:[formatter stringFromDate:selectedDate] forState:UIControlStateNormal];
            
            
        }];
        
        [m_endPicker show];
    }
        
}


-(DatePickerCell*)getDatePickerCell:(NSInteger)index
{
    
    DatePickerCell *datePickerCell;
    
    for (DatePickerCell *cell in m_tabelView.visibleCells)
    {
        if ([cell isKindOfClass:[DatePickerCell class]])
        {

            if (cell.m_dateBtn.tag == index)
            {
                datePickerCell =(DatePickerCell*)cell;
                 break;
            }
        }
    }
    
    return datePickerCell;
}

-(TextFieldCell*)getTextFieldCell
{
    
    TextFieldCell *textFieldCell;
    
    for (TextFieldCell *cell in m_tabelView.visibleCells)
    {
        if ([cell isKindOfClass:[TextFieldCell class]])
        {
            
            textFieldCell =(TextFieldCell*)cell;
            break;
        }
    }
    
    return textFieldCell;
}
=============================================================================

결과 화면 

결과 화면

댓글

댓글 쓰기

주간 인기글

[정보] 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다

작성자: -
이미지
[그림출처]  https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023 인스타그램은 당신의 소리를 '듣고' 있을 수도 있습니다. 문자 그대로. SNS는 사용자들이 자발적으로 공유하는 글, 사진 등의 정보를 모아서 그 데이터를 기반으로 어떤 사용자가 무엇에 관심이 있는지 파악하여 사용자들에게 가장 관심 있을 만한 광고를 보여주곤 합니다. 몇 년 전부터 페이스북은 앱의 마이크 접근 권한 을 사용하여 핸드폰 주위의 모든 대화 등의 소리를 수집.파악하여 폰 사용자가 무엇에 관심 있는지 데이터를 얻고, 타겟 맞춤 광고에 이 정보를 활용한다고 하는 의혹을 받아왔습니다. 페이스북에 인수된 인스타그램도 마찬가지로요. 저도 가끔 의아했습니다. 어떻게 내가 검색창에서 검색한 적도 없고, 사진도 찍은 적 없고, 글로 쓴 적도 없는 어떤 것에 대해서 인스타그램이 나에게, 그것에 관해 얘기한 지 10분 만에 정확히 그와 관련된 상품을 광고로 보여줄 수가 있지? 그런데 동일한 의문을 품은 유저들이 여러 명 있었던 것 같습니다. (관련글  https://www.imore.com/how-stop-facebook-accessing-your-microphone https://medium.com/@damln/instagram-is-listening-to-you-97e8f2c53023  ) 물론  페이스북이나 인스타그램은 공식적으로 '절대로 그렇지 않다' 고 발표하지만, 그렇다고 하더라도 혹시 있을 수 있는 사생활 침해에서 앱의 마이크 접근 권한을 차단하는 것은 나쁘지 않은 것 같습니다. 만약을 위해 사생활을 보호하려면, 페이스북이나 인스타그램 앱 설정 부분에서 페이스북 앱, 인스타그램 앱의 마이크 접근 권한을 비활성화 하시면 됩니다. 1. 아이폰 또는 설정에서 아래로 스크롤해서, 인스타그램 앱을 선택한 다음, 해당 앱의 마이크 권한 비활성화를 해도 됩니
자세한 내용 보기

안드로이드에서 당겨서 새로고침(SwipeRefreshLayout) 쉽게 구현하기

작성자: -
앱을 개발 하다보면 필수 기능중에 하나가 보고 있는 리스트나 상세 페이지등을 새로고침 하는 것 입니다. 몇년 전 까지만 하더라도 새로 고침 기능이라고 하면 아이폰 처럼 뷰를 당기면 공간이 벌어지면서 새로고침 하는 방식을 많이 사용 했습니다.(여전히 이 방법을 사용하는 앱은 많습니다.) 해당 새로고침을 기능을 제공 하려면 개발가 하나하나 구현 해야해서 쉽지 않은 기능 중 하나였습니다. 하지만 지금은 android 레이아웃중 SwipeRefreshLayout을 제공하여 레이아웃만 추가한다면 별다른 구현 없이도 위에서 아래로 내려오는 새로고침 기능을 사용 할수 있게 되었습니다. SwipeRefreshLayout을 간단하게 구현하는 샘플 코드를 작성해 보겠습니다. 1단계 : 레이아웃 새로고침이 될 뷰를 SwipeRefreshLayout으로 자식뷰로 만듭니다.       <android.support.v4.widget.SwipeRefreshLayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/swipe_refresh"> <WebView android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/webView"></WebView> </android.support.v4.widget.SwipeRefreshLayout> 2단계 : 새로고침 이벤트 해당 뷰 영역을 위에서 아래로 당기면
자세한 내용 보기

[앱 디자인] 벤치마킹에 유용한 사이트

작성자: -
이미지
*이 문서는 지속적으로 업데이트 될 예정입니다. 앱 디자인을 처음으로 시작하면서 많은 자료를 웹에서 찾았는데요, 이미 많이들 아시겠지만 유용한 사이트를 공유하려고 합니다. Behance  [UI, BI, App, Web] https://www.behance.net/ 디자이너들 사이에 가장 유명한 포트폴리오 사이트이지요? ㅎㅎ 지인의 지인이 심플한 아이콘 디자인을 이곳에 올렸다가 애플 본사에서 연락이 와서 채용되었다는 깜짝 놀랄 소식도 들은 적 있습니다. ㅎㅎ 그만큼 디자이너들이 자신의 포트폴리오를 어필할 수 있는 공간이고 퀄리티 높은 작업물들이 아주 많구요. Adobe ID로 로그인해서 마음에 드는 포트폴리오를 저장할 수 있습니다. Dribble  [인터랙션, 모션, 컬러] https://dribbble.com/ 목록에서 보고 싶은 디자인 작업물을 선택한 뒤, 오른쪽에서 원하는 컬러를 선택하면 해당 컬러톤의 디자인 작업물을 찾아줍니다. 원하는 컬러 톤 벤치를 할 때 유용하구요. [1] 원하는 컬러 선택 [2] 선택한 컬러 톤의 디자인 보여줌 또 한가지 강점은 상단 메뉴에 Shots > AnimatedGIFs 를 누르면 인터랙션 GIF 들이 나오는데 꽤 퀄리티가 높습니다. 인터랙션을 벤치마킹할 때 유용합니다. 각종 인터랙션 GIF 그밖에 Dribble 만큼 컬러 톤 벤치하기에 유용한 사이트는 https://brandcolors.net/ 온갖 브랜드의 메인 컬러를 한눈에 보고, 간단한 클릭만으로 색상값을 저장할 수 있습니다. 또 하나는 Adobe Kuler 가 있습니다. https://color.adobe.com/ko/create/color-wheel/ 원하는 색상 조합을 만들어서 공유할 수도 있고, 타인이 올린 색상조합을 저장해서 Photoshop 에서 Color Themes 를 꺼내 사용할 수도 있는 유용한 사이트입니다. https://coo
자세한 내용 보기

[앱 디자인] 디자인 가이드 만들기 - 아이폰

작성자: -
이미지
*아이프렌즈펫 앱 디자인 가이드 경험을 공유합니다. 이게 처음 작업한 앱 디자인 가이드라서 미흡한 점이 많을 수도 있는데 문제가 있는 부분이 있다면 댓글로 알려주시면 반영하겠습니다 ^^ *아이폰 앱 가이드 작업의 특징 디자인 가이드 작업은 기준 해상도 하나를 정해서 그 수치값으로, 이미지 작업은 고객/개발자와 협의한 모든 해상도를 지원하는 방향으로 작업하면 됩니다. 아이폰 해상도를 먼저 보면 이미지 출처: http://protosketch.io/exporting-assets-for-ios-ipads-and-iphones/ 위에 point 가 실제 폰에서의 크기라면 render at 사이즈는 디자이너가 포토샵에서 작업해야 할 픽셀 단위 사이즈라고 보시면 됩니다. 아이프렌즈펫은 일단 기준 해상도를 iPhone6 으로 잡고 가기로 했습니다. 그래서 포토샵에서 작업할때는 750 x 1334 사이즈로 작업해서 해당 작업물로 좌표값, 크기 등을 계산해서 개발자님께 넘겼구요 만약 iPhone5 를 기준 해상도로 잡았다면 640 x 1136 을 기준으로 포토샵 화면 작업을 해서 넘기시면 됩니다. 그러면 개발자는 디자이너가 계산해 넘긴 수치값의 1/2 을 곱하거나 1.5 배 하는 등 계산을 해서 작업을 하게 됩니다. XCode 에서의 작업 화면 만약 750 기준으로 작업을 해서 드리면 1/2 값을 저기에 입력하는 식으로 작업합니다 여기서 알 수 있는 사실은, 포토샵에서 드리는 수치가 최종값이 아니기 때문에 가급적 모든 수치가 짝수가 되고 , 맞아 떨어지는게 좋습니다. 그래야 개발자가 나누고 곱해도 소수점이 나오지 않기 때문이죠. 그래서 아이프렌즈펫 작업을 할때는 한 이미지로 여러 해상도를 지원해야 하기 때문에 가급적 6의 배수 로 크기를 계산한 작업물을 드렸습니다. *좌표 절대적인 건 아니고.. 대략 저런 기준으로 잡아서 작업하시면 됩니다 ^^ 아이폰은 절대 좌표 로 작업합니다. 그러니까 상단 Status
자세한 내용 보기

[NCP] DNS 와 로드밸런서 구성하기

작성자: -
이미지
NCP (Naver Cloud Platform) 에서 로드밸런서를 생성하고 도메인은 구성하는 방법에 대해 알아보겠습니다. 1. 서버 생성 로드밸런서 연결에 사용될 웹서버 2대를 생성하고 웹서버를 실행해 줍니다. 지난 포스트 보기  NCP 인스턴스 생성하기  2. 로드밸런서 생성 NCP 콘솔로 이동해  Loadbalancer 메뉴에서 로드밸런서 생성 버튼을 선택합니다. 로드밸런서 이름을 입력 합니다. 서버 리스트에서 1항 에서 생성한 2개의 서버를 모두 적용 서버로 선택한 후 "다음" 은 선택 합니다. 설정 정보를 확인한 후 "로드밸런서 생성" 을 선택 합니다. 로드밸런서가 생성되면 "접속정보" URL 을 확인 할 수 있습니다. "접속정보" URL 을 복사하여 웹브라우저를 통해 접속하면 로드밸런서를 통해 서버에 접속되는 것을 확인 할 수 있습니다. 로드밸런서 생성 시 알고리즘이 기본적으로 라운드로빈으로 설정 되므로 웹 브라우저를 새로고침 하면 이중화 구성된 두번째 서버로 페이지가 접속 되는 것을 확인할 수 있습니다. 3. 도메인 등록  로드밸런서 연결시 사용자 도메인을 사용하기 위해 도메인 등록을 진행합니다. NCP 콘손화면에서 DNS 메뉴를 선택한 후 "도메인 추가" 를 선택합니다. 사용하고자 하는 도메인 명을 입력하고 "추가" 를 선택 합니다. 도메인이 추가되면 NS 레코드 값 확인이 가능합니다. 해당 레코드 값을 복사하여 도메인 등록기관(가비아 등) 에서 적용하고자 하는 도메인의 네임서버 정보를 복사한 값으로 대체 합니다. 4. 로드밸런서 연결  도메인이 등록이 완료되면 로드 밸런서를 도메인과 연결해 보겠습니다. DNS 메뉴에서 "레코드추가" 를 선택하여 레코드를 추가합니다. 아
자세한 내용 보기