개요
level 3
문제
문제 설명
매칭 점수
프렌즈 대학교 조교였던 제이지는 허드렛일만 시키는 네오 학과장님의 마수에서 벗어나, 카카오에 입사하게 되었다.
평소에 관심있어하던 검색에 마침 결원이 발생하여, 검색개발팀에 편입될 수 있었고, 대망의 첫 프로젝트를 맡게 되었다.
그 프로젝트는 검색어에 가장 잘 맞는 웹페이지를 보여주기 위해 아래와 같은 규칙으로 검색어에 대한 웹페이지의 매칭점수를 계산 하는 것이었다.
- 한 웹페이지에 대해서 기본점수, 외부 링크 수, 링크점수, 그리고 매칭점수를 구할 수 있다.
- 한 웹페이지의 기본점수는 해당 웹페이지의 텍스트 중, 검색어가 등장하는 횟수이다. (대소문자 무시)
- 한 웹페이지의 외부 링크 수는 해당 웹페이지에서 다른 외부 페이지로 연결된 링크의 개수이다.
- 한 웹페이지의 링크점수는 해당 웹페이지로 링크가 걸린 다른 웹페이지의 기본점수 ÷ 외부 링크 수의 총합이다.
- 한 웹페이지의 매칭점수는 기본점수와 링크점수의 합으로 계산한다.
예를 들어, 다음과 같이 A, B, C 세 개의 웹페이지가 있고, 검색어가 hi라고 하자.

이때 A 웹페이지의 매칭점수는 다음과 같이 계산할 수 있다.
- 기본 점수는 각 웹페이지에서 hi가 등장한 횟수이다.
- A,B,C 웹페이지의 기본점수는 각각 1점, 4점, 9점이다.
- 외부 링크수는 다른 웹페이지로 링크가 걸린 개수이다.
- A,B,C 웹페이지의 외부 링크 수는 각각 1점, 2점, 3점이다.
- A 웹페이지로 링크가 걸린 페이지는 B와 C가 있다.
- A 웹페이지의 링크점수는 B의 링크점수 2점(4 ÷ 2)과 C의 링크점수 3점(9 ÷ 3)을 더한 5점이 된다.
- 그러므로, A 웹페이지의 매칭점수는 기본점수 1점 + 링크점수 5점 = 6점이 된다.
검색어 word와 웹페이지의 HTML 목록인 pages가 주어졌을 때, 매칭점수가 가장 높은 웹페이지의 index를 구하라. 만약 그런 웹페이지가 여러 개라면 그중 번호가 가장 작은 것을 구하라.
제한사항- pages는 HTML 형식의 웹페이지가 문자열 형태로 들어있는 배열이고, 길이는 1 이상 20 이하이다.
- 한 웹페이지 문자열의 길이는 1 이상 1,500 이하이다.
- 웹페이지의 index는 pages 배열의 index와 같으며 0부터 시작한다.
- 한 웹페이지의 url은 HTML의 태그 내에 태그의 값으로 주어진다.
- 예를들어, 아래와 같은 meta tag가 있으면 이 웹페이지의 url은 https://careers.kakao.com/index 이다.
- 한 웹페이지에서 모든 외부 링크는 의 형태를 가진다.
- <a> 내에 다른 attribute가 주어지는 경우는 없으며 항상 href로 연결할 사이트의 url만 포함된다.
- 위의 경우에서 해당 웹페이지는 https://careers.kakao.com/index 로 외부링크를 가지고 있다고 볼 수 있다.
- 모든 url은 https:// 로만 시작한다.
- 검색어 word는 하나의 영어 단어로만 주어지며 알파벳 소문자와 대문자로만 이루어져 있다.
- word의 길이는 1 이상 12 이하이다.
- 검색어를 찾을 때, 대소문자 구분은 무시하고 찾는다.
- 예를들어 검색어가 blind일 때, HTML 내에 Blind라는 단어가 있거나, BLIND라는 단어가 있으면 두 경우 모두 해당된다.
- 검색어는 단어 단위로 비교하며, 단어와 완전히 일치하는 경우에만 기본 점수에 반영한다.
- 단어는 알파벳을 제외한 다른 모든 문자로 구분한다.
- 예를들어 검색어가 "aba" 일 때, "abab abababa"는 단어 단위로 일치하는게 없으니, 기본 점수는 0점이 된다.
- 만약 검색어가 "aba" 라면, "aba@aba aba"는 단어 단위로 세개가 일치하므로, 기본 점수는 3점이다.
- 결과를 돌려줄때, 동일한 매칭점수를 가진 웹페이지가 여러 개라면 그중 index 번호가 가장 작은 것를 리턴한다
- 즉, 웹페이지가 세개이고, 각각 매칭점수가 3,1,3 이라면 제일 적은 index 번호인 0을 리턴하면 된다.
- word : blind
- pages :
["<html lang=\"ko\" xml:lang=\"ko\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n <meta charset=\"utf-8\">\n <meta property=\"og:url\" content=\"https://a.com\"/>\n</head> \n<body>\nBlind Lorem Blind ipsum dolor Blind test sit amet, consectetur adipiscing elit. \n<a href=\"https://b.com\"> Link to b </a>\n</body>\n</html>", "<html lang=\"ko\" xml:lang=\"ko\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n <meta charset=\"utf-8\">\n <meta property=\"og:url\" content=\"https://b.com\"/>\n</head> \n<body>\nSuspendisse potenti. Vivamus venenatis tellus non turpis bibendum, \n<a href=\"https://a.com\"> Link to a </a>\nblind sed congue urna varius. Suspendisse feugiat nisl ligula, quis malesuada felis hendrerit ut.\n<a href=\"https://c.com\"> Link to c </a>\n</body>\n</html>", "<html lang=\"ko\" xml:lang=\"ko\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n <meta charset=\"utf-8\">\n <meta property=\"og:url\" content=\"https://c.com\"/>\n</head> \n<body>\nUt condimentum urna at felis sodales rutrum. Sed dapibus cursus diam, non interdum nulla tempor nec. Phasellus rutrum enim at orci consectetu blind\n<a href=\"https://a.com\"> Link to a </a>\n</body>\n</html>"]
- pages는 다음과 같이 3개의 웹페이지에 해당하는 HTML 문자열이 순서대로 들어있다.
Blind Lorem Blind ipsum dolor Blind test sit amet, consectetur adipiscing elit.
Link to b
Suspendisse potenti. Vivamus venenatis tellus non turpis bibendum,
Link to a
blind sed congue urna varius. Suspendisse feugiat nisl ligula, quis malesuada felis hendrerit ut.
Link to c
Ut condimentum urna at felis sodales rutrum. Sed dapibus cursus diam, non interdum nulla tempor nec. Phasellus rutrum enim at orci consectetu blind
Link to a
위의 예를 가지고 각각의 점수를 계산해보자.
- 기본점수 및 외부 링크수는 아래와 같다.
- a.com의 기본점수는 3, 외부 링크 수는 1개
- b.com의 기본점수는 1, 외부 링크 수는 2개
- c.com의 기본점수는 1, 외부 링크 수는 1개
- 링크점수는 아래와 같다.
- a.com의 링크점수는 b.com으로부터 0.5점, c.com으로부터 1점
- b.com의 링크점수는 a.com으로부터 3점
- c.com의 링크점수는 b.com으로부터 0.5점
- 각 웹 페이지의 매칭 점수는 다음과 같다.
- a.com : 4.5 점
- b.com : 4 점
- c.com : 1.5 점
따라서 매칭점수가 제일 높은 첫번째 웹 페이지의 index인 0을 리턴 하면 된다.
입출력 예 #2- word : Muzi
- pages :
["<html lang=\"ko\" xml:lang=\"ko\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n <meta charset=\"utf-8\">\n <meta property=\"og:url\" content=\"https://careers.kakao.com/interview/list\"/>\n</head> \n<body>\n<a href=\"https://programmers.co.kr/learn/courses/4673\"></a>#!MuziMuzi!)jayg07con&&\n\n</body>\n</html>", "<html lang=\"ko\" xml:lang=\"ko\" xmlns=\"http://www.w3.org/1999/xhtml\">\n<head>\n <meta charset=\"utf-8\">\n <meta property=\"og:url\" content=\"https://www.axzcorp.com\"/>\n</head> \n<body>\ncon%\tmuzI92apeach&2<a href=\"https://hashcode.co.kr/tos\"></a>\n\n\t^\n</body>\n</html>"]
- pages는 다음과 같이 2개의 웹페이지에 해당하는 HTML 문자열이 순서대로 들어있다.
#!MuziMuzi!)jayg07con&&
con% muzI92apeach&2
^
- 기본점수 및 외부 링크수는 아래와 같다.
- careers.kakao.com/interview/list 의 기본점수는 0, 외부 링크 수는 1개
- www.axzcorp.com 의 기본점수는 1, 외부 링크 수는 1개
- 링크점수는 아래와 같다.
- careers.kakao.com/interview/list 의 링크점수는 0점
- www.axzcorp.com 의 링크점수는 0점
- 각 웹 페이지의 매칭 점수는 다음과 같다.
- careers.kakao.com/interview/list : 0점
- www.axzcorp.com : 1 점
따라서 매칭점수가 제일 높은 두번째 웹 페이지의 index인 1을 리턴 하면 된다.
풀이
function solution(word, pages) {
var answer = [];
let info = new Map()
word = word.toLowerCase()
pages.map(e=>e.toLowerCase()).forEach((item, index)=>{
info.set(index, {})
// full
info.get(index).full = item
// url
// <meta로 찾고 가장 가까운 content="를 찾고 그다음 "까지가 url
let meta = item.slice(item.indexOf("<meta property=\"og:url\" content=\""))
meta = meta.slice(meta.indexOf("https://"))
info.get(index).url = meta.slice(0, meta.indexOf("\""))
// out
info.get(index).out = []
let out = item
while(out.indexOf("<a")!==-1){
out = out.slice(out.indexOf("<a")+1)
info.get(index).out.push(out)
}
info.get(index).out = info.get(index).out.map(e=>{
e = e.slice(e.indexOf("href=\""))
e = e.slice(e.indexOf("\"")+1)
return e.slice(0, e.indexOf("\""))
})
info.get(index).out = new Set(info.get(index).out)
})
for(const [key, value] of info){
// 기본 점수 basic number
// 검색어가 등장하는 횟수 (대소문자 무시)
info.get(key).basic = 0
let basic = info.get(key).full
while(basic.indexOf(word)!==-1){
// 앞 뒤 문자열이 알파벳인지 확인
let a = 'a'
let z = 'z'
a = a.charCodeAt(0)
z = z.charCodeAt(0)
let plus = true
basic = basic.slice(basic.indexOf(word)-1)
if(basic.indexOf(word)!==0){
if(basic.charCodeAt(0)>=a && basic.charCodeAt(0)<=z)
plus = false
}
if(basic.length !== word.length){
if(basic.charCodeAt(word.length+1)>=a && basic.charCodeAt(word.length+1)<=z)
plus = false
}
if(plus)
info.get(key).basic++
basic = basic.slice(basic.indexOf(word)+1)
}
// 외부 링크 수 out number
// 다른 외부 페이지로 연결된 링크 수(내가 스타트)
// 링크 점수 outed array
// 해당 페이지로 링크가 걸린 웹 페이지(내가 엔드) 기본 점수 / 외부 링크 수 총함
info.get(key).outed = []
for(let i=0; i<pages.length; i++){
if(i===key)
continue
if(info.get(i).out.has(value.url)){
info.get(key).outed.push(i)
}
}
}
// 매칭 점수 all number
// 기본점수와 링크 점수 합
for(const [key, value] of info){
let score = value.basic
for(let i=0; i<value.outed.length; i++){
score += info.get(value.outed[i]).basic / info.get(value.outed[i]).out.size
}
answer.push(score)
}
return answer.indexOf(Math.max(...answer));
}
느낀점
이번 문제는 사실 어려운건 딱히 없다
(좀 까다로운건 있음 밑에 후술)
그냥 문제에서 구하라고하는게 좀 복잡해서 여러가지 많이 해줘야한다는거..
계산에 필요한 값들을 추출해내고 나서 점수내면 뚝딱
문제는 히든케이스에 있었음
제가 겪었던 문제는 9번 케이스였습니다
질문하기를 속속 찾아보니 url을 구하는 부분에서 9번 문제에 함정이 있는 모양이다
나같은 경우에 처음엔 meta로 찾고 그다음에 content로 찾아서 url을 찾아냈었는데
다른 케이스랑 다르게 9번엔 공백이 있어서 이 방식으로 못구한다는 듯하다
그래서 아예 작정하고 "<meta property=\"og:url\" content=\"" 이 구문으로 찾아냄
그런데 이 부분을 해결하려고 문제를 계속봤는데
좀 친절하지가않다.. url이 tag 안에 tag에 있다라고 되어있는데
meta태그의 content에 있다라던지 og:url이 반드시 있다던지 그런 상세 설명이 없다
결국 아예 갖다붙여서 하긴했다만.. 허
구해야하는 것들이 많아서 시간을 좀 많이 썼다
그리고 다른분들 풀이를 보니 다들 정규표현식을 썻었음..
난 검색해서는 정규표현식 쓸수는 있는데
시험이나 그런거에선 검색이 힘드니 그냥 이런 방식으로 했다

'기술 > 코딩테스트 연습' 카테고리의 다른 글
| [프로그래머스 코딩테스트 연습] 타겟 넘버 - javascript (0) | 2023.10.04 |
|---|---|
| [프로그래머스 코딩테스트 연습] 게임 맵 최단거리 - javascript (1) | 2023.10.04 |
| [프로그래머스 코딩테스트 연습] 가장 긴 팰린드롬- javascript (0) | 2023.09.26 |
| [Softeer 코딩테스트 practice] 스마트 물류 - javascript (0) | 2023.08.05 |
| [Softeer 코딩테스트 practice] 성적 평균 - javascript (0) | 2023.08.05 |