알고리즘 문제풀이

문제풀이

function solution(strings, n){
    strings.sort((a, b)=> {
    	// 내림차순
    	if (a[n] > b[n]) return 1
        // 오름차순
        if (b[n] > a[n]) return -1
        
        if (a > b) return 1
        if (b > a) return -1
        
        return 0
    })
    return strings
}

sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다.

일반적으로 배열 안에 숫자로 되어 있는 경우 오름차순, 내림차순일 때 자주 쓰입니다.
sort는 숫자뿐만 아니라 문자도 정렬할 수 있습니다.

즉, sort((next, prev)=> {}) 로 생각하면 된다.

sort() 메서드는 비교 함수(Compare Function)를 작성해야 되는데,
이 안에는 1,0,-1 총 3가지 경우로 나눌 수 있고
일반적으로 조건문과 매개변수의 비교를 사용합니다.

• 1 : 0 보다 클때 (a가 먼저)

• 0 : 0 일때 (그대로)

• -1 : 0 보다 작을 때 (b가 먼저)

이전 엘리먼트(b)가 이후 엘리먼트(a)보다 크면 순서를 바꾸기 때문에 결국
오름차순으로 정렬된다.

각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 한다.

• if (b[n] > a[n]) return -1 //오름차순
• if (a[n] > b[n]) return 1 // 내림차순(콘솔에는 아무것도 안 바뀌고 그대로 출력됨)

인덱스 1의 문자가 같은 문자열이 여럿일 경우, 사전 순으로 앞선 문자열이 앞쪽에 위치합니다.

• if (b > a) return -1 //오름차순
• if (a > b) return 1 //콘솔에서는 아무것도 안 바뀌고 그대로 출력

Nuxt 공식문서 참조

NuxtLink Component

앱의 페이지 사이를 탐색하려면 구성 요소를 사용해야 합니다.
이 구성요소는 Nuxt에 포함되어 있으므로 다른 구성 요소와 마찬가지로 가져올 필요가 없습니다.

href="/about" 을 사용하는 대신 to="/about" 을 사용한다는 점을 제외하면 HTML 태그와
유사합니다.
이전에 vue-router를 사용한 적이 있다면 대신 를 생각할 수 있습니다.

페이지 폴더의 index.vue페이지 대한 간단한 링크 :
[Example Code]

Home Page

컴포넌트는 모든 내부 링크에 사용해야 합니다.
즉 사이트 내의 페이지에 대한 모든 링크에 대해 를 사용해야합니다.
태그는 모든 외부링크를 사용한다.
만약 당신이 다른 외부의 사이트를 사용하려고한다면 태그를 사용해야한다.

[Example Code]

※prefetchLinks
뷰포트에서 또는 스크롤할 때 링크가 표시될 때를 감지하고 해당 페이지에 대한
JavaScript를 미리 가져와 사용자가 링크를 클릭할 때 준비되도록 합니다.
Nuxt 는 브라우저가 사용중이 아닐 때만 리소스를 로드하고 연결이 오프라인 이거나
2G(네트워크) 연결만 있는 경우 프리페치를 건너뜁니다.

※Disable prefetching for specific links(특정 링크에 대한 프리페칭 비활성화)

※Directort Structure
페이지 디렉토리에는 애플리케이션의 보기와 경로가 포함되어있습니다.
Nuxt는 디렉토리에 있는 모든 .vue 파일을 읽고 이를 사용하여 애플리케이션 라우터를 만듭니다.

※Page Directory
페이지 디렉토리는 애플리케이션 Views와 Routes를 포함하고있다
Nuxt는 .vue파일 내부의 디렉토리를 읽을수있고 자동으로 라우터구성을 생성합니다.

모든 페이지 컴포넌트는 Vue컴포넌트이다
하지만 Nuxt는 methods를 가능한 한 쉽게 개발할 수 있도록 특수 속성과 기능을 추가합니다.
[Example Code]

Hello {{ name }}!

※Dynamic Page
동적 페이지는 API에서 가져온 페이지 이름을 모르거나 동일한 페이지를 반복해서 생성하고
싶지 않을 떄 생성할 수 있습니다.

동적 페이지를 만들려면 .vue 파일 이름 앞이나 디렉토리 이름 앞에 밑줄을 추가해야 합니다.(디렉토리를 동적으로 만들려면)
파일이나 디렉토리의 이름은 원하는 대로 지정할 수 있지만 접두사에 밑줄을 붙여야 합니다.

※Components Directory
구성 요소 디렉토리는 모든 Vue.js 구성 요소를 넣은 다음 페이지로 가져오는 곳입니다.

Nuxt를 사용하면 구성 요소를 만들고 자동으로 .vue파일로 가져올 수 있으므로
스크립트 섹션에서 수동으로 가져올 필요가 없습니다.
구성 요소가 true로 설정되면 Nuxt가 이를 스캔하고 자동으로 가져옵니다.