코딩공부중인블로그

369 게임 ※풀이 1 1. order.toString()을 사용하여 order 값을 문자열로 변환합니다. 이렇게 함으로써 match 함수를 사용할 수 있습니다. 2. match(/[369]/g)는 정규 표현식을 사용하여 문자열에서 숫자 3, 6, 9와 일치하는 모든 문자를 찾습니다. g 플래그는 전역 검색을 의미합니다. 3. ?? []는 검색 결과가 null 또는 undefined인 경우 빈 배열([])을 반환하도록 합니다. 이는 검색 결과가 없는 경우를 처리하기 위한 방어적인 코드입니다. 4. value.length는 검색된 숫자 3, 6, 9의 개수를 반환합니다. ex1 ) { function solution(order) { let value = order.toString().match(/[369]..

배열 회전시키기 ※풀이 1. direction이 'right'인 경우: · numbers.pop()을 사용하여 numbers 배열에서 마지막 요소를 추출합니다. · 추출한 요소와 나머지 numbers 배열을 합치기 위해 전개 연산자(...)를 사용합니다. · 이렇게 이동한 배열을 numbers 변수에 할당합니다. 2. direction이 'left'(else)인 경우: · numbers.slice(1)을 사용하여 numbers 배열에서 첫 번째 요소를 제외한 나머지 요소들을 추출합니다. · numbers.shift()을 사용하여 numbers 배열의 첫 번째 요소를 추출합니다. · 추출한 첫 번째 요소와 나머지 요소들을 합치기 위해 전개 연산자(...)를 사용합니다. · 이렇게 이동한 배열을 number..

배열 유사도 ※풀이 1. s1.length는 문자열 s1의 길이를 나타냅니다. 2. s2.length는 문자열 s2의 길이를 나타냅니다. 3. [...s1, ...s2]는 문자열 s1과 s2의 문자들을 하나의 배열로 합칩니다. 이 때, 스프레드 연산자(...)를 사용하여 문자열을 개별 문자로 분리합니다. 4. new Set([...s1, ...s2])는 중복을 허용하지 않는 유일한 값만을 포함하는 Set 객체를 생성합니다. Set 객체는 중복된 값을 허용하지 않으므로, 중복된 문자들은 제거됩니다. 5. new Set([...s1, ...s2]).size는 Set 객체의 크기, 즉 유일한 문자들의 개수를 반환합니다. 6. s1.length + s2.length - new Set([...s1, ...s2])..

문자열 뒤집기 ※풀이1 1. my_string.split(''): 입력된 문자열 my_string을 각 문자로 분리하여 배열로 변환합니다. split('') 메서드를 사용하면 문자열의 각 문자가 배열의 각 요소가 됩니다. 2. .reverse(): 배열을 역순으로 뒤집습니다. 즉, 배열의 첫 번째 요소가 마지막 요소가 되고, 마지막 요소가 첫 번째 요소가 됩니다. 3. .join(''): 배열의 요소들을 빈 문자열('')로 이어서 하나의 문자열로 만듭니다. 이때, 각 요소 사이에는 구분자가 없으므로 문자열이 그대로 이어진 상태로 반환됩니다. ex1) { function solution(my_string) { return my_string.split('').reverse().join('') } consol..

짝수 홀수 개수 ※풀이 1. 함수 solution을 정의합니다. 이 함수는 num_list라는 매개변수를 받습니다. 2. answer라는 변수를 [0, 0]으로 초기화합니다. answer는 홀수와 짝수의 개수를 담은 배열로 [짝수의 개수, 홀수의 개수] 형태를 갖습니다. 3. for...of 루프를 사용하여 num_list의 각 요소를 순회합니다. ·item은 현재 순회 중인 요소입니다. ·item을 2로 나눈 나머지를 계산하여 홀수인지 짝수인지 판별합니다. ·item % 2가 0이면 짝수이고, 1이면 홀수입니다. ·answer[item % 2]를 증가시켜 해당 홀수 또는 짝수 카운터를 증가시킵니다. ·item % 2가 0인 경우, answer[0]인 짝수 카운터를 1 증가시킵니다. ·item % 2가 ..

중복된 숫자 개수 ※풀이 1. 함수 solution을 정의합니다. 이 함수는 array와 n라는 매개변수를 받습니다. 2. filter 메서드를 사용하여 array 배열에서 특정 조건을 만족하는 요소들을 걸러냅니다. ·filter 메서드의 인자로는 화살표 함수 (v) => v === n가 전달됩니다. ·v: 배열에서 순회하고 있는 현재 요소의 값입니다. ·v === n는 현재 요소 v와 n의 값이 일치 하는지를 평가하는 조건식입니다. ·filter 메서드는 조건을 만족하는 요소들로 새로운 배열을 생성하여 반환합니다. 4. filter 메서드로 걸러진 배열의 length를 반환 하여 개수를 구합니다. filter() filter() 메서드는 주어진 함수의 조건을 만족하는 배열의 요소들로 구성된 새로운 배열..

배열의 평균값 ※풀이 1. 함수 solution을 정의합니다. 이 함수는 numbers라는 매개변수를 받습니다. 2. reduce 메서드를 사용하여 numbers 배열의 모든 요소를 더합니다. 3. reduce 메서드의 첫 번째 인자로는 (a, c) => a + c라는 콜백 함수가 전달됩니다. ·a: 누적값으로서 각 요소를 더한 값이 누적됩니다. ·c: 배열에서 순회하고 있는 현재 요소의 값입니다. ·a + c는 현재 요소 c를 누적값 a에 더하는 연산을 수행합니다. ·reduce 메서드의 두 번째 인자로는 초기값 0이 전달됩니다. ·초기값이 제공되면, a는 초기값으로 초기화됩니다. ·초기값이 생략되면, numbers 배열의 첫 번째 요소가 초기값으로 설정됩니다. 4. reduce 메서드의 결과를 num..

양꼬치 ※풀이 1. 조건문 if문을 써서 n(양꼬치)이(가) 10 이상인 경우, k(음료수)에서 n을 10으로 나눈 몫을 빼줍니다. 이를 통해 k의 값을 갱신합니다. ~~ 연산자는 숫자를 정수로 변환하는 역할을 수행합니다. 2. answer 변수를 선언하고, answer에 12000*n과 2000*k를 더한 값을 할당합니다. 이를 통해 최종 결과를 계산합니다. 이렇게 하면 양꼬치와 음료수를 시킨 지출액에서 서비스 음료수 값을 뺀 값을 얻을수 있습니다. answer 값을 반환합니다. ex1) { function solution(n, k) { if(n >= 10){ k -= ~~(n/10) } var answer = 12000*n + 2000*k return answer; } console.log(solut..

나이출력 ※풀이 주어진 age에 따라 2023년(2022년에서+1을 해 주었습니다.)에서 해당 age를 뺀 값을 계산하여 반환하는 계산입니다. ex1) { function solution(age) { var answer = 2023- age; return answer; } console.log(solution(40)); //1983 } ex2) { function solution(age) { var answer = 2023- age; return answer; } console.log(solution(23)); //2000 } 각도기 ※풀이 조건문을 주어 angle이 90보다 작은 경우, 1을 반환합니다. 만약 첫번째 조건문이 맞지 않는다면 또 다시 조건문을 넣어angle이 90과 같은 경우, 2를 반환..

리빌효과 전체소스 HTML / CSS Javascript Parallax Effect07 패럴렉스 이펙트 : 리빌 효과 1 2 3 4 5 6 7 01 section1 삶은 탐구하는 모험이다. 02 section2 오늘 당신이 할 수 있는 최선의 일을 하라. 03 section3 비난은 쓸모없는 짓이다. 04 section4 우리의 삶은 우리가 생각하는 것처럼 빠르지 않고, 우리가 생각하는 것보다 짧다. 05 section5 머리로 생각하는 것보다는 마음으로 생각하고 행동하라. 06 section6 인생은 문제다. 그것을 해결해 나가는 과정에서 삶이 만들어진다. 07 section7 성공은 단순히 실패를 거듭하고 계속하는 것이다. 08 section8 기회는 항상 어려운 일 모습으로 찾아온다. 09 sec..