Array.from() Array.from() 함수는 알고리즘 문제를 풀면서 보통 두 가지 기능이 필요할 때 사용한다. 1. 문자열이나 정수 값을 배열로 반환할 때 2. 순회할 때 구문 Array.from(arrayLike) Array.from(arrayLike, mapFn) Array.from(arrayLike, mapFn, thisArg) arrayLike - 배열로 변환할 객체 mapFn - 배열에 각 요소를 생성하는 함수 (두 개의 매개변수 배열의 각 요소, 현재 요소의 인덱스를 받는다.) thisArg - mapFn 실행시 this로 사용할 값 Array.from(obj, mapFn, thisArg)는 Array.from(obj).map(mapFn, thisArg)와 동일한 결과를 가져올 수 있..
프로그래머스 문제를 풀던 중 for문을 통해 반복적으로 반환된 배열들을 하나의 배열로 합치는 작업이 필요했다. 구글링으로 전개 연산자 (...)를 알게 되어 예제코드와 함께 내용을 정리해본다. 전개 연산자(Spread Operator) 전개 연산자 (...)는 배열이나 객체의 요소를 개별로 분리하거나 함수의 인수로 전달하는 등 다양한 상황에서 사용할 수 있으며 기존 배열이나 객체를 변경하지 않고 새로운 배열이나 객체를 생성한다. 간결하고 가독성이 좋은 반면 매번 새로운 배열을 생성하므로 대량의 요소가 있는 경우 메모리 사용량이 늘어날 수 있다. 배열 요소 분리 function solution(my_string) { const myStr = [...my_string] return myStr } consol..
canvas로 게임 만들기를 하던 중 canvas 자체를 가운데 정렬을 하고 싶어 별의 별의 별의 x100 방법을 시도하다가 성공하였다! 코드가 완벽하진 않지만 일단 구현된 것에 만족한다. JS에 CSS에서 설정한 style을 적용하는 것인데 2번째 방법으로 진행하였다. 1. canvas에 css 적용 2. canvas class에 css 적용 먼저 HTML 요점 코드만 가져왔다. canvas 태그로 JS에서 불러올 id를 설정하고 CSS에서 적용될 class를 부여한다. CSS .background { width: 890px; height: 550px; filter: brightness(80%); background: url(../ghostRain/img/background.PNG) no-repeat ..
- Total
- Today
- Yesterday