본문 바로가기
반응형

IT/Javascript64

JavaScript Key code https://www.toptal.com/developers/keycode/table JavaScript Key Code Event Tool | Toptal® KeyCode.Info allows users to press any key and instantly get the JavaScript Key or Key Code KeyboardEvent. Check out the Tool and Event List. www.toptal.com 가상키보드 참고용으로 Keycode 링크 붙여놓습니다. Key Code Key Code Unicode Description Unidentified Unidentified These keys do not have a key code 3 Cancel Pause break 8 .. 2023. 3. 17.
Babel+Webpack 설정방법 Babel ?자바스크립트 컴파일러로 최신 자바스크립트를 표준 자바스크립트로 변환해준다 (Transpiler) ES6 문법을 CommonJS 로 변환해서 모든환경에서 실행될 수 있게 해준다 ES6 모듈은 Chrome 61, FireFox 60, Safari 10.1, Edge 16 이상에서 사용할 수 있다NodeJS 는 CommonJS 밖에 인식을 못하기 때문에 Babel 을 사용해야 소스를 ES6 문법으로 사용할 수 있다babel 의 처리 방식은 polyfill 과 transform-runtime 방식이 있음polyfill : 구현체 전체 js 파일을 사용 - 사용하지 않는 기능도 변환transform-runtime : 실제 작업자가 사용한 기능에 대해서만 변환babel-polyfill 과 babel-p.. 2022. 8. 30.
Javascript 함수형 예제 const capitalizeWithoutSpaces = (str) => str .split('') .filter((char) => char.trim()) .map((char) => char.toUpperCase()) .join('');1. 배열에서 가장 작은 값 구하기const getSmallest = (arr) => { let smallest = Number.POSITIVE_INFINITY; for (const num of arr) { if (num arr.reduce((smallest, num) => Math.min(smallest, num));2. 배열.. 2022. 8. 30.
Javascript 객체 복사 (Object, Array) 객체의 복사 자바스크립트에서 변수에 객체 (객체, 배열)를 할당하는 방식은 참조를 만든다 let arr = [1,2,3]; let copy = arr; copy[0] = 'a'; console.log(arr); // ['a',2,3] console.log(copy); // ['a',2,3] console.log(arr === copy); //true 이런 방식은 copy 가 arr 의 값을 참조하기에 완전히 같은 것이다 객체(Object) 복사 참조하지 않게 복사하려면 assign 과 spread 연산자를 사용한다 //assign 을 이용한 객체 복사 let obj = {name:'kim'}; let copy = Object.assign({}, obj); console.log(obj === copy); .. 2022. 8. 10.
두 정수 사이의 합 문제 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한조건 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 예 a b result 3 5 12 3 3 3 5 3 12 풀이방향 두 정수의 합을 구하는 방법은 두 정수의 차이를 구하는 방법과 같습니다. 문제풀이 function sumOfTwoIntegers(a, b) { let answer = 0; let smallNumber = (a b) ? a : b; for.. 2022. 7. 14.
약수의 합 문제 정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수, solution을 완성해주세요. 제한조건 n은 0 이상 3000이하인 정수입니다. 풀이방향 입력된 값의 약수를 구하고 약수를 합계하여 리턴 입출력의 예 n return 12 28 5 6 문제풀이 function sumOfDivisor(num) { //약수의 합 let sum = 0; for (let i = 1; i { it("should return 28 as the sum of divisor of 12", () => { expect(sumOfDivisor(12)).toBe(28); }); it("should return 6 as the sum of divisor of 5", () => { expect(sumOfDivisor(5)).t.. 2022. 7. 14.
행렬의 덧셈 문제 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 반환하는 함수, solution을 완성해주세요. 제한조건 행렬 arr1, arr2의 행과 열의 길이는 500을 넘지 않습니다. 풀이방향 행렬 배열을 받아서 행끼리 합, 열끼리 합산 해준다 풀이 function sumMatrix(arr1, arr2) { let answer = []; arr1.forEach((row, i) => { answer[i] = []; row.forEach((col, j) => { answer[i][j] = arr1[i][j] + arr2[i][j]; }); }); return answer; } export { s.. 2022. 7. 14.
수박수박수박수박수박수? 문제 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. 제한조건 n은 길이 10,000이하인 자연수입니다. 입출력 예 n return 3 수박수 4 수박수박 풀이방향 수박을 반복하는 문자열을 만들어서 리턴하면 된다. 문제풀이 function subak(n) { let answer = &#39;&#39;; let str = "수박"; for (let i = 0; i < n; i++) { if (i % 2 === 0) { answer += str.slice(0, 1); } else { answer += str.slice(1, 2); } } return an.. 2022. 7. 14.
문자열을 정수로 바꾸기 문제 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 풀이방향 문자열을 정수로 전환 문제풀이 function string2Integer(str) { return parseInt(str, 10); } export { string2Integer }; import { string2Integer } from "../src/string2Integer"; describe("string2Integer", () => { it("Should return 1234 from &#39;+1234&#39; ", () => { e.. 2022. 7. 14.
비밀지도 문제 네오는 평소 프로도가 비상금을 숨겨놓는 장소를 알려줄 비밀지도를 손에 넣었다. 그런데 이 비밀지도는 숫자로 암호화되어 있어 위치를 확인하기 위해서는 암호를 해독해야 한다. 다행히 지도 암호를 해독할 방법을 적어놓은 메모도 함께 발견했다. 지도는 한 변의 길이가 n인 정사각형 배열 형태로, 각 칸은 "공백"(" ") 또는 "벽"("#") 두 종류로 이루어져 있다. 전체 지도는 두 장의 지도를 겹쳐서 얻을 수 있다. 각각 "지도 1"과 "지도 2"라고 하자. 지도 1 또는 지도 2 중 어느 하나라도 벽인 부분은 전체 지도에서도 벽이다. 지도 1과 지도 2에서 모두 공백인 부분은 전체 지도에서도 공백이다. "지도 1"과 "지도 2"는 각각 정수 배열로 암호화되어 있다. 암호화된 배열은 지도의 각 가로줄에.. 2022. 7. 14.
제일 작은 수 제거하기 문제 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한조건 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. 입출력 예 arr return [4,3,2,1] [4,3,2] [10] [-1] 풀이 function removeMinNum(arr) { var min = arr[0]; for (var i = 0; i < arr.length; i++) { if (arr[i] < min) { min = ar.. 2022. 7. 14.
직사각형 별 찍기 문제 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한조건 n과 m은 각각 1000 이하인 자연수입니다. 풀이방향 입력받은 숫자 만큼 * 찍기 풀이 function rectangleStar(data) { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); let str = ""; for (let j = 0; j < a; j++) { str += "*"; } for (let i = 0; i < b; i++) { console.log(str); } } console.log(rectangleStar("5 3")); 출처 프로그래.. 2022. 7. 13.
문자열 내 p 와 y 의 개수 문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 &#39;p&#39;의 개수와 &#39;y&#39;의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. &#39;p&#39;, &#39;y&#39; 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 제한사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. 풀이방향 대소문자 구분없에기 위해서 toLowerCase 사용 문자내에 P 개수 문자내에 Y 개수 기본이 True PY 개수 틀리면 .. 2022. 7. 13.
소수 찾기 문제 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한조건 n은 2이상 1000000이하의 자연수입니다. 입출력 예 n result 10 4 5 3 풀이방향 입력된 숫자의 소수를 구하고 소수의 개수를 리턴한다 문제풀이 function primeNumber(num) { //소수의 개수 구하기 let count = 0; let n = num; while (n > 1) { let temp = Math.floor(Math.sqrt(n)); let isPrime = true; for (let i = 2; i { it("should return 4 for 10", () => .. 2022. 7. 13.
자연수 뒤집어 배열로 만들기 문제 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. 제한조건 n은 10,000,000,000이하인 자연수입니다. 풀이방향 자연수를 배열로 전환 배열 순서 바꾸기 문제풀이 function naturalNumberReverse(n) { let answer = []; //change number to array let array = n.toString().split(&#39;&#39;); //array string to parseInt for (let i = 0; i < array.length; i++) { answer.push(parseInt(array[i])); } //reverse array answer = a.. 2022. 7. 13.
문자열 내 마음대로 정렬하기 문제 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 제한조건 strings는 길이 1 이상, 50이하인 배열입니다. strings의 원소는 소문자 알파벳으로 이루어져 있습니다. strings의 원소는 길이 1 이상, 100이하인 문자열입니다. 모든 strings의 원소의 길이는 n보다 큽니다. 인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. 풀이방향 입력된 배열의 index 문자를 확인 index 문자를 기.. 2022. 7. 13.
최소직사각형 문제 명함 지갑을 만드는 회사에서 지갑의 크기를 정하려고 합니다. 다양한 모양과 크기의 명함들을 모두 수납할 수 있으면서, 작아서 들고 다니기 편한 지갑을 만들어야 합니다. 이러한 요건을 만족하는 지갑을 만들기 위해 디자인팀은 모든 명함의 가로 길이와 세로 길이를 조사했습니다. 아래 표는 4가지 명함의 가로 길이와 세로 길이를 나타냅니다. 명함번호 가로길이 세로길이 1 60 50 2 30 70 3 60 30 4 80 40 가장 긴 가로 길이와 세로 길이가 각각 80, 70이기 때문에 80(가로) x 70(세로) 크기의 지갑을 만들면 모든 명함들을 수납할 수 있습니다. 하지만 2번 명함을 가로로 눕혀 수납한다면 80(가로) x 50(세로) 크기의 지갑으로 모든 명함들을 수납할 수 있습니다. 이때의 지갑 크.. 2022. 7. 13.
이상한문자 만들기 문제 문자열 s는 한 개 이상의 단어로 구성되어 있습니다. 각 단어는 하나 이상의 공백문자로 구분되어 있습니다. 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴하는 함수, solution을 완성하세요. 제한조건 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다. 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다. 입출력 예 input output "try hello world" "TrY HeLlO WoRlD" 풀이방향 공백을 제외한 문자의 짝수홀수 판단 짝수는 대문자, 홀수는 소문자로 변환 문제풀이 let answer = &#39;&#39;; let words = s.split(&#39; &#39;.. 2022. 7. 13.
x만큼 간격이 있는 n개의 숫자 문제 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 제한조건 x는 -10000000 이상, 10000000 이하인 정수입니다. n은 1000 이하인 자연수입니다. 문제풀이 n 개 만큼 x 숫자를 반복해서 배열로 만든다 풀이 function intervalNumbers(x, n) { let answer = []; let start = x; let repeat = n; for (let i = 0; i < repeat; i++) { answer.push(start); start += x; } return answer; } export { int.. 2022. 7. 13.
정수제곱근 판별 문제 임의의 양의 정수 n에 대해, n이 어떤 양의 정수 x의 제곱인지 아닌지 판단하려 합니다. n이 양의 정수 x의 제곱이라면 x+1의 제곱을 리턴하고, n이 양의 정수 x의 제곱이 아니라면 -1을 리턴하는 함수를 완성하세요. 제한조건 n은 1이상, 50000000000000 이하인 양의 정수입니다. 입출력 예 n return 121 144 3 -1 풀이 function integerSquareRoot(n) { let answer = 0; //if integer square root is an integer, return math pow //if integer square root is not an integer, return -1 if (Math.sqrt(n) % 1 === 0) { answer = .. 2022. 7. 13.
핸드폰 번호가리기 문제 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한조건 s는 길이 4 이상, 20이하인 문자열입니다. 풀이방향 뒷 자리 4자리 제외한 나머지를 * 처리 풀이 function hidePhoneNumber(phone_number) { let answer = ""; let hideIndex = phone_number.length - 4; answer = "*".repeat(hideIndex).concat( phone_number.substring(hideIndex, phone_n.. 2022. 7. 13.
하샤드 수 문제 양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를 들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다. 자연수 x를 입력받아 x가 하샤드 수인지 아닌지 검사하는 함수, solution을 완성해주세요. 전제조건 x는 1 이상, 10000 이하인 정수입니다. 풀이방향 자리수의 합을 구하고 x 가 자리수의 합으로 나누어 떨어지는 지 확인 풀이 function harshad(x) { let answer = true; let xArray = x.toString().split(&#39;&#39;); let sum = 0; for (let i = 0; i < xArray.length; i++) { sum += parseInt(xArra.. 2022. 7. 13.
문자열 다루기 문제 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 제한조건 s는 길이 1 이상, 길이 8 이하인 문자열입니다. 풀이방향 입력 문자열의 길이가 4, 6 인지 확인 입력 문자열이 숫자로 구성되었는지 확인 문제풀이 function handlingString(s) { let answer = true; //문자열의 길이가 4, 6 이 아닌지 확인 if (s.length !== 4 && s.length !== 6) { answer = false; } //문자가 숫자로만 구성되어있는지 확인 for (let i = 0; i < s.length; i++) { i.. 2022. 7. 13.
최대공약수와 최소공배수 문제 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환하는 함수, solution을 완성해 보세요. 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 두 수 3, 12의 최대공약수는 3, 최소공배수는 12이므로 solution(3, 12)는 [3, 12]를 반환해야 합니다. 제한사항 두 수는 1이상 1000000이하의 자연수입니다. 풀이방향 두 수의 최대공약수 구하기 두 수의 최소공배수 구하기 입출력 예 n m return 3 12 [3, 12] 2 5 [1, 10] 풀이 function greatestCommonDenominator(n, m) { let answer = []; let divisor = getCommonDivisor(n, m); let minComm.. 2022. 7. 13.
가운데 글자 가져오기 문제 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 제한조건 s는 길이가 1 이상, 100이하인 스트링입니다. 풀이방향 문자를 배열로 만들고 배열의 가운데 글자만 반환 문제풀이 function getMiddleChar(s) { let answer = &#39;&#39;; let arr = s.split(&#39;&#39;); if (arr.length % 2 === 0) { answer = arr[arr.length / 2 - 1] + arr[arr.length / 2]; } else { answer = arr[Math.floor(arr.length / 2)]; } return answer; } export { getM.. 2022. 7. 13.
평균구하기 문제 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 풀이방향 배열의 합 구해서 나누기 풀이 function getAverage(arr) { let answer = 0; let sum = 0; for (let i = 0; i < arr.length; i++) { sum += arr[i]; } answer = sum / arr.length; return answer; } export { getAverage }; import { getAverage } from &#39;../src/getAverage.js&#39;; describe(.. 2022. 7. 13.
나머지가 1이 되는 수 찾기 문제 자연수 n이 매개변수로 주어집니다. n을 x로 나눈 나머지가 1이 되도록 하는 가장 작은 자연수 x를 return 하도록 solution 함수를 완성해주세요. 답이 항상 존재함은 증명될 수 있습니다. 제한조건 3 ≤ n ≤ 1,000,000 풀이방향 입력된 값을 2부터 순차적으로 나눠서 나머지가 1인 값을 찾는다. 문제풀이 function findRemainderOne(n) { let x = 1; while(x++) { if (n % x === 1) return x; } } export { findRemainderOne }; import { findRemainderOne } from "../src/findRemainderOne"; describe("findRemainderOne", () => { i.. 2022. 7. 12.
서울에서 김서방 찾기 (코딩테스트) 문제 String형 배열 seoul의 element중 "Kim"의 위치 x를 찾아, "김서방은 x에 있다"는 String을 반환하는 함수, solution을 완성하세요. seoul에 "Kim"은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 제한사항 seoul은 길이 1 이상, 1000 이하인 배열입니다. seoul의 원소는 길이 1 이상, 20 이하인 문자열입니다. "Kim"은 반드시 seoul 안에 포함되어 있습니다. 풀이방향 배열안에 Kim 이 있는 위치를 찾음 김서방은 x에 있다를 return 풀이 function findKim(seoul) { let answer = ""; let findPersonName = "Kim"; for (let i = 0; i < seoul.length.. 2022. 7. 12.
부족한 금액 찾기 문제 새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인상됩니다. 놀이기구를 count번 타게 되면 현재 자신이 가지고 있는 금액에서 얼마가 모자라는지를 return 하도록 solution 함수를 완성하세요. 단, 금액이 부족하지 않으면 0을 return 하세요. 제한조건 놀이기구의 이용료 price : 1 ≤ price ≤ 2,500, price는 자연수 처음 가지고 있던 금액 money : 1 ≤ money ≤ 1,000,000,000, money는 자연수 놀이기구의 이용 횟수 coun.. 2022. 7. 12.
짝수와 홀수 문제 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한사항 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num return 12 "Even" 11 "Odd" 풀이 function evenOrOdd(num) { let answer = &#39;&#39;; if (num % 2 === 0) { answer = &#39;Even&#39;; } else { answer = &#39;Odd&#39;; } return answer; } export { evenOrOdd }; import { evenOrOdd } from "../src/evenOrOdd"; describe("evenOrOdd", () => { it("s.. 2022. 7. 12.
반응형

티스토리툴바