전체 글 100

Font Preload

폰트를 로컬적용 하는 법 폰트를 다운로드하여서 css 파일에 적용하면 끝입니다. 간단하죠? css 파일에 font-face로 적용하면 됩니다. 저는 Nanum Pen Script를 다운로드하였기 때문에 NanumScript로 적용시켜볼게요. @font-face { font-family: 'Nanum Pen Script'; src: local('NanumPenScript'), url('./font/Nanum_Pen_Script/NanumPenScript-Regular.ttf') format('truetype'); //너무길어서 보기좋게 줄바꾸겠습니다 } @font-face { font-family: " 글꼴이름" ==> 이름은 마음대로 설정가능 하지만 나중에 혼란을 줄 수 있기 때문에 같은 폰트와 같은 이..

TIL 2023.04.03

Programmers 문제 풀이 10

문제 설명 : 분수의 덧셈 첫 번째 분수의 분자와 분모 numer1, denom1, 두 번째 분수의 분자와 분모 numer2, denom2 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 담은 배열 return 하는 solution 함수? 제한 사항 0 < numer1, denom1, numer2, denom2 < 1,000 입출력 예 numer1 denom1 numer2 denom2 result 1 2 3 4 [5, 4] 9 2 1 3 [29, 6] function solution(numer1, denom1, numer2, denom2) { //두 분수를 더한 후 분자와 분모를 구해줌 let numer = (numer1 * denom2) + (numer2 * denom1) let denom..

Programmers 2023.04.02

Programmers 문제 풀이 09

문제 설명 : 배열 원소의 길이 매개변수로 문자열 배열 strlist가 주어짐. strlist 각 원소의 길이를 담은 배열을 return 하는 solution 함수? 제한 사항 1 ≤ strlist 원소의 길이 ≤ 100 strlist는 알파벳 소문자, 대문자, 특수문자로 구성되어 있습니다. 입출력 예 strlist result ["We", "are", "the", "world!"] [2,3,3,6] ["I", "Love", "Programmers."] [1,4,12] function solution(strlist) { var answer = []; strlist.forEach((el) => answer.push(el.length)) //forEach로 요소 순회해서 길이를 구한다음 answer배열에 p..

Programmers 2023.04.01

Programmers 문제 풀이 08

문제 설명 : 문자열 뒤집기 문자열 my_string 이 매개변수로 주어짐 my_string을 거꾸로 뒤집은 문자열 return 하는 solution 함수? 제한사항 1 ≤ my_string의 길이 ≤ 1,000 입출력 예 my_string return "jaron" "noraj" "bread" "daerb" https://100days-do.tistory.com/17 Programmers 문제 풀이 07 문제 설명 : 배열 뒤집기 정수가 들어 있는 배열 num_list가 매개변수로 주어짐 num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return 하는 함수 완성하세요. 제한 사항 1 ≤ num_list의 길이 ≤ 1,000 0 ≤ 100days-do.tistory.com 배열 뒤집기처럼 push..

Programmers 2023.03.31

JS ) 스코프

스코프는 변수의 유효 범위 즉 변수에 접근할 수 있는 범위를 말합니다. 동일한 식별자 충돌을 방지하기 위해 있는 거죠 변수나 함수 선언 위치에 따라 스코프를 구분할 수 있는데요 스코프에는 전역 스코프 (global scope)와 지역 스코프(local scope)가 있는데요. 지역 스코프는 또 함수레벨 스코프와 블록레벨 스코프로 나눠져요 함수레벨 스코프는 함수에서만 가져다 쓸 수 있고 블록레벨은 블록에서만 가져다 쓸 수 있죠 여기서 블록은 {}중괄호 안을 얘기합니다. var str_v = "전역 스코프" let str_l = "전역 스코프" const str_c = "전역 스코프" function fncScope() { console.log(str_v) // Output : 전역스코프 console.lo..

Programmers 문제 풀이 07

문제 설명 : 배열 뒤집기 정수가 들어 있는 배열 num_list가 매개변수로 주어짐 num_list의 원소의 순서를 거꾸로 뒤집은 배열을 return 하는 함수 완성하세요. 제한 사항 1 ≤ num_list의 길이 ≤ 1,000 0 ≤ num_list의 원소 ≤ 1,000 입출력의 예 num_list result [1,2,3,4,5] [5,4,3,2,1] [1,1,1,1,1,2] [2,1,1,1,1,1] [1,0,1,1,1,3,5] [5,3,1,1,1,0,1] function solution(num_list) { var answer = []; while(num_list.length !== 0) { answer.push(num_list.pop()) } return answer; } 처음에는 그냥 num_..

Programmers 2023.03.30

Programmers 문제 풀이 06

문제 설명 : 최댓값 만들기 정수 배열 numbers가 매개변수로 주어질 때, numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 soloution 함수를 완성해라 제한 사항 0 ≤ numbers의 원소 ≤ 10,000 2 ≤ numbers의 길이 ≤ 100 입출력 예 numbers result [1, 2, 3, 4, 5] 20 [0, 31, 24, 10, 1, 9] 744 function solution(numbers) { numbers.sort((a,b) => b-a); return numbers[0] * numbers[1] } 내림차순으로 바꾼다음 제일 큰 수 두 개를 곱해서 풀었습니다. 문제 설명 : 짝수 홀수 개수 정수가 담긴 리스트 num_list, num_list..

Programmers 2023.03.29

Programmers 문제 풀이 05

문제 설명 : 피자 나눠 먹기 (3) 피자가게에서 피자를 2~10조각까지 원하는 조각 수로 잘라주는데, 피자 조각 수 slice와 피자 먹는 사람의 수 n이 매개변수로 주어질 때, n명의 사람이 최소 한 조각 이상 피자를 먹으려면 최소 몇 판의 피자를 시켜야 하는지를 return 하도록 solution 함수를 완성해라. 제한 사항 2 ≤ slice ≤ 10 1 ≤ n ≤ 100 입출력 예 slice n result 7 10 2 4 12 3 function solution(slice, n) { return Math.ceil(n/slice); } 사람수 n을 조각 수로 slice로 나눈 다음 최소 피자 판수를 구해야 하는데 피자는 반판이라도 한판으로 쳐야 하기 때문에 올림처리를 해주었다. 피자 나눠먹기 문..

Programmers 2023.03.28
728x90