본문 바로가기

반응형

내직업은 IT종사자/javascript

(20)
[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(); // ...코드 작성..

반응형