FrontEnd :-)

Udemy - 【한글자막】 JavaScript 알고리즘 & 자료구조 마스터클래스 :: 섹션 2 빅오 표기법(Big O Notation) 빅오(Big O) - 여러가지 코드를 일반적을 서로 비교하고 성능을 평가하는 방법입니다. Timing function performance.now(); 활용해서 함수 작동 시간 확인하기 function addUpTo(n) { let total = 0; for (let i = 1; i Time Elapsed: 0.0175 seconds function addUpTo(n) { return n*(n+1)/2; } => for문보다 빠름. n 값과는 상관없이 연산 3번(곱하기, 더하기, 나누기) 일어남. => for문에서 total += i 를 보면 n 번의 더함(additio..

최빈값 구하기 🙋 (문제) 최빈값은 주어진 값 중에서 가장 자주 나오는 값을 의미합니다. 정수 배열 array가 매개변수로 주어질 때, 최빈값을 return 하도록 solution 함수를 완성해보세요. 최빈값이 여러 개면 -1을 return 합니다. 제한사항 0 b - a) return (max[0] === max[1]) ? -1 : +Object.keys(obj).find(key => obj[key] === max[0]); } ✅ (풀이 과정) 1번째 실패 1. array 에 값이 하나일 때는, 그 값을 return한다. 2. 객체를 만든다. key에는 값을, value에는 중복 횟수를 저장한다. 3. 객체 value값을 내림차순 정렬해서 첫 번째 값과 두 번째 값이 같으면 -1 반환하고, 아니면 첫 ..

개미 군단 🙋 (문제) 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. 제한사항 hp는 자연수입니다. 0 ≤ hp ≤ 1000 입출력 예 hpresult 23 5 24 6 999 201 🅰️ (제출 ..

피자 나눠 먹기 (2) (문제) 머쓱이네 피자가게는 피자를 여섯 조각으로 잘라 줍니다. 피자를 나눠먹을 사람의 수 n이 매개변수로 주어질 때, n명이 주문한 피자를 남기지 않고 모두 같은 수의 피자 조각을 먹어야 한다면 최소 몇 판을 시켜야 하는지를 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ n ≤ 100 입출력 예nresult 6 1 10 5 4 2 (제출 답) function solution(n) { for(let i = 1; i < 100; i++){ if((6*i) % n === 0) return i } } ✅풀이 과정 1. 첫 시도 실패 function solution(n) { for(let i = 1; i < n; i++){ if((6*i) % n === 0) r..

대문자와 소문자 (문제) 문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ my_string의 길이 ≤ 1,000 my_string은 영어 대문자와 소문자로만 구성되어 있습니다. 입출력 예my_stringresult "cccCCC" "CCCccc" "abCdEfghIJ" "ABcDeFGHij" (제출 답) function solution(my_string) { const answer = []; for(let value of my_string){ value === value.toUpperCase() ? answer.push(value.toLowerCase()) : answer.push..

분수의 덧셈 (문제) 첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 분자는 (최소공배수/분모1)*분자1 + ((최소공배수/분모2)*분자2 function solution(numer1, denom1, numer2, denom2) { var answer = []; let lcm = Math.min(denom1, denom2); while(true){ if(lcm % denom1 === 0 && lcm % denom2 === 0){ break; } lc..

옹알이 (1) (문제) 머쓱이는 태어난 지 6개월 된 조카를 돌보고 있습니다. 조카는 아직 "aya", "ye", "woo", "ma" 네 가지 발음을 최대 한 번씩 사용해 조합한(이어 붙인) 발음밖에 하지 못합니다. 문자열 배열 babbling이 매개변수로 주어질 때, 머쓱이의 조카가 발음할 수 있는 단어의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ babbling의 길이 ≤ 100 1 ≤ babbling[i]의 길이 ≤ 15 babbling의 각 문자열에서 "aya", "ye", "woo", "ma"는 각각 최대 한 번씩만 등장합니다. 즉, 각 문자열의 가능한 모든 부분 문자열 중에서 "aya", "ye", "woo", "ma"가 한 번씩만 등장합니다. 문자열은 알..

(Udemy) The Web Developer 부트캠프 2023 :: 섹션 34. 템플레이팅으로 동적 HTML 구성하기 (EJS 공식 사이트) https://ejs.co/ 341. 템플레이팅이란? 제목, 찬성, 반대 이미지, 댓글, 공유 정확히 같은 형식이며 한 번에 하나씩 수동으로 만든 게 아니고 템플릿을 사용한 거죠. 항상 같은, 정적인 HTML 코드를 쓰는 대신에 정보와 로직을 넣어서 루프로 여러 번에 걸쳐 템플릿의 일부를 반복할 수 있죠. 우리가 사용할 것은 EJS인데 Embedded JavaScript의 약자입니다. 많은 옵션이 있죠. 다른 인기 있는 것 중 Handlebars가 있습니다. Jade, Pug, Nunjucks 등 이름이 이상하죠 이들은 Express로 사용할 수 있는 JavaSc..