웹 개발의 초창기 때부터 배경, 경계, 폰트 등 요소의 색을 다양하게 지정할 수 있었습니다. 일부는 웹에서 지원하는 컬러 키워드를 사용하기도 하지만, 어떤 이들은 HSL(Hue, Saturation, Lightness) 시스템을 사용하기도 합니다. 그러나 오늘날에는 RGB 컬러 코드와 16진수(HEX) 컬러 코드를 가장 많이 사용합니다. 이번 포스팅에서는 RGB 컬러 코드와 HEX 컬러 코드에 대해 살펴보도록 하겠습니다. 이 글은 RGB to Hex: Understanding the Major Web Color Codes를 번역 및 요약한 것입니다. RGB 컬러 코드에 대한 이해 RGB 컬러 코드는 오늘날 웹 페이지에서 색을 정의할 때 가장 많이 사용되는 방법입니다. 때로는 RGBA 컬러 코드를 사용하기..

문제 아규먼트로 주어지는 문자에서 모음 숫자 세기. (영문을 기준으로하며 a, e, i, o, u만 모음으로 취급) 문제 주소: www.codewars.com/kata/54ff3102c1bad923760001f3/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function getCount(str) { let vowelsCount = 0; const vowels = ['a', ..

for.. in과 for...of 구문 모두 무언가를 순회할 때 사용합니다. 주된 차이점은 '순회 대상'입니다. 이 글은 for...of, MDN 일부를 번역한 것입니다. for...in 구문은 객체의 열거 가능한 속성(enumerable properties)을 임의의 순서로 순회합니다. for...of 구문은 순회할 수 있는 객체의 값(values)을 순회합니다. 아래의 예시를 통해 Array에서 for..in반복문과 for...of 반복문이 사용될 때의 차이점을 살펴볼 수 있습니다. Object.prototype.objCustom = function() {}; Array.prototype.arrCustom = function() {}; const iterable = [3, 5, 7]; iterable..

문제 음수가 아닌 정수를 아규먼트로 받아 정수 내 숫자를 내림차순으로 정렬할 것. 문제 주소: www.codewars.com/kata/5467e4d82edf8bbf40000155/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function descendingOrder(n){ let numbersToString = n.toString(); let stringNumbers = n..

문제 문장 내 단어 중 5자 이상의 단어일 경우 이를 역순으로 전환하여 새로운 문장을 반환하는 함수를 만들기. 문제 주소: www.codewars.com/kata/5264d2b162488dc400000001/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function spinWords(strings){ let newString = []; newString = strings.s..

join() 메소드는 배열 또는 유사 배열의 모든 요소를 연결하여 새로운 문자열을 반환합니다. 콤마 또는 특별한 연결자 문자를 지정해줄 수 있으며, 배열 내 요소가 하나일 경우 연결자 없이 문자열이 반환됩니다. const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // "Fire,Air,Water" console.log(elements.join(, )); // "Fire, Air, Water" console.log(elements.join('')); // "FireAirWater" console.log(elements.join('-')); // "Fire-Air-Water" 요소가 undefined, null, 빈 배열일 경우 ..

문제 0부터 9로 구성된 배열을 전화 번호로 출력하기. 첫 세 자리는 괄호 안에 포함되어야 하며, (032) 3872 6672와 같은 형식으로 출력되어야 한다. 문제 주소: www.codewars.com/kata/525f50e3b73515a6db000b83 Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function createPhoneNumber(numbers){ numbers = `(${numbers[..

문제 홀수 또는 짝수로만 이뤄진 배열에서 단 하나의 숫자만 홀수 또는 짝수가 아니다. 이 숫자를 찾기. www.codewars.com/kata/5526fc09a1bbd946250002dc/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function findOutlier(integers) { let evenNumber; let oddNumber; evenNumber = inte..