열코의 프로그래밍 일기

좌우로 스크롤되는 리스트가 있다.

리스트에는 각각의 아이템들이 있으며 스크롤 할때 멈춘위치에서 가까운 아이템에 딱 맞춰서 이동하는 코드가 필요해서 만들어봤다.

코드는 아래와 같고 설명은 밑에 적어두겠다.

8번줄) .스크롤 element라고 적힌곳에 스크롤이되는 div같은 element의 클래스나 id명을 적어준다.

window라면 그냥 $(window)로 수정하도록.

scroll(function() 은 리스트가 스크롤 될 때 발생하는 이벤트이다.

.스크롤 안의 아이템은 스크롤 내에 존재하는 아이템 element이다.

+8은 패딩값때문에 줬다.

current_left는 스크롤바가 길기 때문에 현재 스크롤 위치를 구하기 위해 item의 width만큼 나눈 나머지값이 된다.

current는 나머지값이 아니라 나눈값인데,

아이템이 넘어갈때마다 1씩 증가하는 셈이된다. (나중에 인덱스로 활용하기 위해 사용했다.)

16번줄) 스크롤이 멈췄을때 콜백함수인데 이건 구글링해서 찾은것이다. 그대로 복사하면 된다.

20번줄) 100이라는 값은 스크롤이 멈추고난 후 시간을 잰것이다 100이면 0.1초

24번줄) 이제 콜백함수를 호출하면 스크롤이 멈췄을때 발생하게 된다.

25번줄) 0.4라는 수치는 해당 아이템의 길이를 일정수치이상 넘어갔을때 작동하도록 만들었다.

이는 자신이 직접 실행해보고 맞춰서 바꾸면 된다.

26번줄) animate는 스크롤이 이동되는것을 애니메이션처럼 보여주기위함이다.

좌우 스크롤이 아닌 상하 스크롤이라면 scrollLeft를 scrollTop으로 바꿔주자.

current+1은 다음 아이템으로 넘어가는것이며 current는 현재 아이템으로 돌아가는 뜻이다.

500의 값은 변경되는 속도인데 이게 크면 클수록 느려진다. 0.5초만에 돌아간다는 뜻이다.

질문이나 오류사항은 댓글로 남겨주길.

문제의 조건은 3가지로 단순합니다. 

1. 금메달 수가 더 많은 나라  
2. 금메달 수가 같으면, 은메달 수가 더 많은 나라 
3. 금, 은메달 수가 모두 같으면, 동메달 수가 더 많은 나라  

얼핏보면 if문을 사용하여 조건을 걸어 풀 수 있지만  

'전체 메달 수의 총합은 1,000,000 이하이다.' 라는 입력 전제조건을  활용하여 
금,은,동 메달에 각각 점수를 부여하여 각각의 메달의 최대치(1,000,000)를 획득해도 
그보다 높은 메달 1개 보다 낮은 점수를 부여하여 풀 수있는 알고리즘입니다. 

다음은 score배열에 각각의 메달에 가중치를 부여하여 계산하여 저장하는 구문입니다. 

for (int i = 0; i < country_num; i++)  { 
     score[i][0] = arr[i][0]; // 1) 
     score[i][1] = (arr[i][1] * 1000000000000) + (arr[i][2] * 1000000)+ (arr[i][3] * 1); // 2) 
} 

country_num은 입력받은 국가 개수입니다. 
score 배열은 국가 넘버, 국가 별 점수를 저장한 배열입니다. 
arr는 입력받은 배열입니다. 
1. 첫번째 열이 모두 국가 넘버이기 때문에 score배열 첫번째 행에 모두 저장합니다. 
2. arr배열의 두번째, 세번째, 네번째 열이 금,은,동메달 순이므로 각각에 가중치를 곱한 후 score배열에 저장합니다. 


두번째로 동일 점수에 대한 등수 계산법입니다. 
간단하게 구현 가능합니다. 

int count = 1; 
for (int i = 0; i < country_num; i++){ 
     if (score[i][0] == country){ 
          for (int j = 0; j < country_num; j++){ 
               if (score[i][1] < score[j][1]) count++; 
          } 
          break; 
     } 
} 
cout << count; 

두번째로 들어온 입력 (등수를 알고싶은 국가K)을 country변수에 저장한 후 
반복문을 사용하여 배열의 인덱스를 알아냅니다(각 국가가 순서대로 입력되지 않기 때문에) 
인덱스를 알아낸 상태에서 다시 반복문을 사용하여 자신의 점수보다 큰 점수를 count하면 됩니다. 
break 사용 이유는 인덱스를 이미 찾은 상태이므로 더이상 반복문을 실행하지 않아도 되기 때문입니다. 

다음 실행 코드 전체입니다. 

 * score 배열의 자료형을 unsigned long long으로 한 이유는 가중치의 총 합이 10^19이 넘어가는 숫자이기 때문에 long long을 사용해도 범위(-9x10^19~9x10^19)안에 속하지만 가중치에 음수가 없기 때문에 편의상 unsigned long long으로 표현했습니다.

*전체 소스코드 

#include <iostream> 

using namespace std; 

int main() 
{ 
     int country_num = 0; 
     int country = 0; 
     int **arr = NULL; 
     unsigned long long **score = NULL; 

     cin >> country_num >> country; 

     arr = new int*[country_num]; 
     score = new unsigned long long*[country_num]; 

     for (int i = 0; i < country_num; i++) { 
          arr[i] = new int[4]; 
          score[i] = new unsigned long long[2]; 
     } 

     for (int i = 0; i < country_num; i++) 
          for (int j = 0; j < 4; j++) 
               cin >> arr[i][j]; 

     for (int i = 0; i < country_num; i++) { 
          score[i][0] = arr[i][0]; 
          score[i][1] = (arr[i][1] * 1000000000000) + (arr[i][2] * 1000000) + (arr[i][3] * 1); 
     } 

     int count = 1; 
     for (int i = 0; i < country_num; i++) { 
          if (score[i][0] == country) { 
               for (int j = 0; j < country_num; j++) { 
                    if (score[i][1] < score[j][1]) 
                         count++; 
                    } 
               break; 
          } 
     } 
     cout << count; 

     for (int i = 0; i < country_num; i++) 
          delete[] arr[i]; 
     delete[] arr; 

     return 0; 
} 

오늘은 자바스크립트에서 자주 사용하는 문자열 함수에 대해 알아보도록 한다.

우리는 자바스크립트를 사용하면서 문자열을 상당히 많이 다루게된다.

자주 사용되지만 할때마다 까먹는게 우리 현실이다.

매번 찾아다니기도 귀찮고 문자열 관련 함수들을 예제코드와 함께 정리해놓을테니

즐겨찾기를 추가하거나 링크를 따로 저장해서 필요할때마다 써먹도록 하자.

해당 토픽에 대한 추가적인 사항은 매번 업데이트 할 예정이다.

자바스크립트에서 문자열을 자르는 방법은 여러가지가 존재한다.

아래 함수들을 살펴보자.

설명보다 예제코드와 실행 결과를보면 어떻게 사용하는지 쉽게 알수있을것이다.

• substring() 함수

• substr() 함수

• split() 함수

2020년 정보처리기사 필기시험 과목이 변경된다.

기존 과목이었던 데이터베이스, 전자계산기구조, 운영체제, 소프트웨어공학, 데이터통신에서

변경될 과목은 소프트웨어설계, 소프트웨어개발, 데이터베이스구축, 프로그래밍언어활용, 

정보시스템 구축관리로 변경된다.

지난 2017년 정보처리기사 실기 유형이 변경된 후

이번엔 필기 유형이 변경된다.

전공자 입장에서 문제은행식의 기출문제를 몇회만 풀어봐도 간단히 합격할 수 있었던

난이도였는데 문제 유형이 바뀜에 따라 기출문제를 전혀 접하지 못하기 때문에

자격증 만료가 없는 정보처리기사 자격증은 올해 2019년에 꼭 따길 바란다.

본 블로그에도 2018년 필기시험 기출문제 풀이 및 해석이 존재하니 참고하기 바란다.

다음은 2019년 정보처리기사 시험 일정이다.

시험은 총 3회로 나누어져있다.

2회 접수시기가 곧 다가오므로 서둘러 준비하기바란다.

아직 부족하다고 생각되는 사람은 올해 하반기를 3회를 노려보자.

div 나 span의 길이가 유동적으로 변하는 반응형 웹에서 텍스트의 길이가 element를 넘어가서 줄이 바뀌는 경우가 있다.

이럴때 css를 사용하여 텍스트를 자동으로 자르고 넘어간 텍스트를 ...으로 처리하는 방법에 대해 알아보자.

구글링을 하면 많은 자료들이 등장한다.

대부분 고정된 element에서 text를 처리하는 방법이다.

하지만 내가 원하는것은 element의 width가 %로 설정되어있어 브라우저 창을 변경했을때

width의 길이도 변하는것이다.

검색한 방법은 width가 px값으로 고정되어있는 상태에서 처리하는 방법이었다.

해당 방법이 필요한 사람들도 있으니 먼저 소개하겠다.

1. 고정된 width의 element에서 css로 text 처리방법

해당 text를 감싸고있는 element에 css를 다음과 같이 추가한다.

* 만약 줄이 여러개인 경우에 처리하는 방법은 구글링에 검색하기 바란다.

* 그래도 모르겠다면 댓글로 질문을해라. 답변해주겠다.

2. 유동적인 width (%값)의 element에서 css로 text 처리방법

유동적인 width인 element에서 위의 방법을 설정하려고하니 width가 %로 설정되어있어 해당 방법이 통하지 않는다.

이럴때는 height를 고정값으로 설정하여 위 방법을 적용시킬 수 있다.

위와 같이 1줄의 경우만 설명한다.

css를 다음과 같이 추가해보자.

위와 같이 설정했다면 유동적인 width의 element에서도 text가 넘어설때 자동으로 ...처리가 되는것을 확인할 수 있다.

오타나 질문 사항은 댓글로 남겨주기 바란다.

그럼 수고링