JavaScript 색상값 변경 (hex -> rgb, rgba)
색상값을 표현하는 다양한 방법 중 hex(16진수)로 된 값을 rgb(x, x, x) 혹은 rgba(x, x, x, a)형태로 변경해주는 함수입니다. function hexToRgb(hex, alpha) { let r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16); if (0
2022. 7. 10.
JavaScript 배열 다루기(추가, 삭제, 찾기, 변형)
자바스크립트에서 배열을 다룰 때 자주 사용하고 유용한 방법을 소개합니다. 추가/삭제 push, pop: 배열의 제일 뒤에 추가/삭제 let myArray = [1, 2, 3] // 배열 제일 뒤에 요소 추가 myArray.push(4) console.log(myArray) // [1, 2, 3, 4] // 배열 제위 뒤 요소 삭제 myArray.pop() console.log(myArray) // [1, 2, 3] unshift, shift: 배열의 제일 앞에 추가/삭제 let myArray = [1, 2, 3] // 배열 제일 앞에 요소 추가 myArray.unshift(0) console.log(myArray) // [0, 1, 2, 3] // 배열 제위 앞의 요소 삭제 myArray.shift() ..
2022. 5. 3.
JavaScript Spread 구문
JavaScript의 Spread 연산자는 배열, 객체 또는 문자열과 같은 iterable 요소를 분해하여 개별 요소로 전개하는 데 사용되는 문법입니다. Spread 연산자는 일반적으로 함수 호출, 배열 생성 및 객체 생성과 같은 곳에서 사용됩니다. 이번 글에서는 JavaScript의 Spread 연산자에 대해 자세히 알아보겠습니다. 배열에서 Spread 연산자 사용하기 배열에서 Spread 연산자를 사용하면 기존의 배열 요소를 새로운 배열로 전개할 수 있습니다. 다음 예제를 살펴보세요. const arr1 = [1, 2, 3]; const arr2 = [...arr1, 4, 5]; console.log(arr2); // [1, 2, 3, 4, 5] 위의 예제에서는 Spread 연산자를 사용하여 arr1..
2022. 5. 2.
