본문 바로가기

반응형

내직업은 IT종사자/javascript

(15)
[javascript] 유사배열객체(Array-like Objects) 란? 대체 무엇인가.. 요약! - 배열은 1) length가 있다. 2) index가 0부터 시작해서 1씩 증가한다. - 유사배열의 조건도 위와 같다. 1) length 속성을 포함해야한다. 2) 숫자 형태의 index가 존재해야한다. - 유사배열은 array가 아니다! (Array.isArray(유사배열) === false) 1. 유사배열이란? 유사배열(array-like objects)은 배열처럼 대괄호로 감싸져 있으며 각 요소가 indexing을 통해 담겨져 있는 형태를 띈다. 유사배열은 함수에서 처리 결과로 배열을 반환하고 싶을 때, Array에서 기본으로 내포되어있는 기능을 제공하고 싶지 않거나 Array에 내포되어있지 않은 기능을 제공하고 싶을 때 사용한다. 2. 유사배열의 예 사진처럼 페이지 내의 특정한 선택자를 ..
[javascript] 배열 생성하는 여러가지 방법(ES6) (배열생성자 new Array() / Array.of() / Array.from() ) javascript에서 배열을 생성하는 방법은 변수에 대괄호를 안에 요소를 넣어서 정의해 줄 수 있고, const arr = ['apple', 'banana', [1,2,3]]; 그 외에 Array() 생성자, Array.of(), Array.from()을 이용해서도 만들 수 있다. let arr1 = new Arr(100); //[empty, empty .... 100개의 empty] arr = new Arr(4,6,8); // [4,6,8] let arr2 = Array.of(2); //[2] arr2 = Array.of(2,4,6,8); // [2,4,6,8] let arr3 = Array.from('test'); // ['t','e','s','t'] 1. new Array() 생성자 Array 생..
[javascript] 다차원 배열을 일차원으로 변경하는 방법 flat(), flatMap(), map() 함수형 프로그래밍을 하기 위해서 즉, 명령형 프로그래밍이 아닌 선언형 프로그래밍을 하기 위해서는 언어 내부에 포함된 고차함수(Higher-Order Function) (예: Array prototype인 map, filter, reduce) 를 잘 이용해야한다. 여기에 ECMAScript 2019(ES10) 부터 새롭게 flat()과 flatMap() 이 추가되었다. 둘 다 중첩된 배열 구조를 평탄화 하기 위해 사용하는 함수이며 IE에서는 호환이 되지않는다. 명령형프로그래밍이란? ↓ 더보기 명령형(imprerative) vs 선언형(declarative) 명령형 프로그래밍은 어떻게 할 것인가 (How)를 표현하고, 선언형 프로그래밍은 무엇을 할 것인가 (What)을 표현한다. //명령형 function..
[javascript] 헷갈리고 짜증유발 증감연산자 증감연산자 코딩 처음 했을 때 알쏭달쏭 헷갈리게 만들었던 범인. 다시 그때의 기억을 되짚어보며.. 증감 연산자 란 ? 변수의 값을 1씩 증가시키거나 1씩 감소시키는 연산자. 연산자의 위치에 따라 (앞 or 뒤) 전위연산자, 후위연산자로 구분된다. 전위 연산자 VS 후위 연산자 (prefix operator vs postfix operator) 보통 후위연산자가 좀 더 익숙하니까 후위연산자 부터 ! [후위연산자] /** * [후위연산자는 증가/혹은 감소하기 전에 값을 돌려준다.] */ let x = 1; let y = x++ ; // 사진 1번처럼 증가 되기 전 값 1이 y에 들어간다. // 그다음 x는 1이 증가된다. console.log(x, y); // 2, 1 let i = 3; let j = i-..
[javascript] 배열의 push,pop,unshift,shift 사용법 1. 배열에 값을 추가 push(), unshift() .push(value) : 배열의 맨 끝에 새로운 값 추가. .unshift(value) : 배열의 맨 앞에 새로운 값 추가. 예시 const arr = [1,2,3,4,5,6]; arr.push(7); // [1,2,3,4,5,6,7]; arr.unshift(0); //[0,1,2,3,4,5,6,7]; 2. 배열에 값을 삭제 pop(), shift() .pop() : 배열의 맨 끝에 있는 값 삭제. .shift() : 배열의 맨 앞에 있는 값 삭제. 예시 const arr = [1,2,3,4,5,6]; arr.pop(); // 6 arr은 [1,2,3,4,5]; arr.shift(); // 1 arr은 [2,3,4,5]; 3. push, pop, ..
React은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해보세요. ts(2686) React은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해보세요. ts(2686) javascript -> typesript 로 변환 과정에서 해당 에러가 난다면... ​ 1.package.json파일 체크 typescript version 이 4.1 이상인지 체크 react, react-dom version 이 17 이상인지 체크 ​ 2. tsconfig.json파일 체크 compilerOptions 안에 "jsx": "react-jsx" 확인 및 추가 { "compilerOptions": { ... "jsx": "react-jsx" } } 해당프로젝트 내에 tsconfig.json이 없다면 (npx create-react-app시 template를 typescript로..
[Javascript] 작업 시간 측정 방법 console.time(), console.timeEnd() console로 작업 소요시간 측정 방법 2가지 ! 1. new Date() 함수 활용 const startTime = new Date().getTime(); // ...코드 작성 const finishTime = new Date().getTime(); console.log(finishTime- startTime); 2. 타이머 시작: console.Time() / 타이머 종료: console.timeEnd() - 하나의 페이지에서 최대 10,000개의 타이머를 동시에 실행할 수 있다. - time과 timeEnd는 ()안의 키 값을 줘서 짝을 이룰 수 있다. - 키값을 안주면 키값은 default:가 된다. // 예제 1: 키값 없으면 [default] console.time(); // ...코드 작성..

반응형