본문 바로가기

전체 글53

맥 단축키 모음 오려두기, 복사하기, 붙여 넣기 및 기타 일반적으로 사용하는 단축키 command-X: 선택한 항목을 잘라내어 클립보드에 복사합니다. command-C: 선택한 항목을 클립보드에 복사합니다. 이 키는 Finder의 파일에도 작동합니다. command-V: 클립보드의 콘텐츠를 현재 문서 또는 앱에 붙여 넣습니다. 이 키는 Finder의 파일에도 작동합니다. command-Z: 이전 명령을 실행 취소합니다. 그런 다음 shift-command-Z 키를 눌러 실행 복귀하면 실행 취소 명령을 되돌릴 수 있습니다. 일부 앱에서는 여러 명령을 실행 취소하고 실행 복귀할 수 있습니다. command-A: 모든 항목을 선택합니다. command-F: 문서에서 항목을 찾거나 찾기 윈도우를 엽니다. command-G: 다.. 2021. 1. 5.
맥에서 vscode 자동완성 단축키 윈도우 : ctrl + space or 사용자 설정 맥 : ⌘+I or 사용자 설정 code > preferences > keyboard shorcut(⌘K + ⌘s) 사용자 키바인딩 및 기본 설정되어 있는 단축키 이용 2021. 1. 5.
ES6 배열. spread operator 펼침연산자 ...arr, Array.from 펼침연산자 ... 배열을 펼쳐서 복사할 수 있는 녀석으로 기존 데이터의 참조를 끊고, 새로운 메모리에 새로운 데이터가 들어가게 된다. const arr = [1, 2, 3, 4]; const spreadOperator = [...arr]; console.log(spreadOperator); //[1,2,3,4] console.log(arr === spreadOperator);//false spreadOperator은 arr을 복사한 것으로 값은 동일하지만 동등한지 비교하면 false를 리턴하게 된다. 예) const arr = [1, 2, 3, 4]; console.log(arr);//[1,2,3,4] console.log(...arr); //1,2,3,4 console.log([...arr]); // .. 2021. 1. 4.
ES6 이터레이터(iterator) for of, for in 차이점 데이터를 순회하는 역할을 하는 이터레이터(iterator) for of와 for in은 어떤 차이점이 있는지 알아보자. ES6 이전 for문을 아래와 같이 사용했을 것이다. for (var i=0; i < data.length; i++) { console.log(data[i]); } ES5 이후엔 forEach문을을 사용할 수 있게 되었다. myArr.forEach(function (value) { console.log(value); }); forEach문의 단점은 break문을 사용해 루프를 중단하거나 return을 사용해 함수를 빠져나올 수 없다는 것이다. 웬만하면 for in 루프는 쓰지 말자. for (var idx in myArr) { console.log(myArray[idx]); } 사용하지.. 2021. 1. 3.
es6에서 추가된 string 메소드들 let str = 'hello world'; let stmsg = 'hello'; let endmsg = 'world'; console.log(str.startsWith(stmsg)); //true console.log(str.endsWith(endmsg)); //true console.log(str.includes("world")); //true startsWith 비교하는 문자열에서 시작 string이 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 endsWith 비교하는 문자열에서 끝 string이 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 includes 문자열이 포함되어 있는지 동일한지 비교 일치하면 true 반환 일치하지 않으면 false 반환 2021. 1. 2.
헷갈리는 var, let 차이. 쉽게 한 줄 요약 스코프가 다르다. var은 함수 () 단위 스코프 let은 중괄호 {} 단위 스코프 function jsWeb(){ { var = 1; } console.log(a); } jsWeb(); //console에 찍히는 값 : 1 var로 선언할 때 console값은 1이 찍힘 function jsWeb(){ { let = 1; } console.log(a); } jsWeb(); //console 값에 오류가 찍힘 console에서 오류 메시지가 나오는 이유는 let의 스코프는 함수()가 아니라 {}중괄호이기 때문 hoisting, let, const, var에 대해 보다 자세히 설명되어 있으니 좀더 궁금하면 아래 내용을 참고해보자. 2020/08/25 - [웹/JavaScript] - var let cons.. 2021. 1. 1.