본문 바로가기

IT

(48)
ECMA6 문법 (구조분해,애로우함수 등) => (애로우 함수) ▼ 내용 ECMA6 들어서면서 => 애로우 함수를 사용할수 있따. &nbsp const handleListening = () =>{ console.log('ㅎㅇ'); } // 위에 는 const handleListening = function () { console.log('ㅎㅇ'); } //이거랑 같다import , export ▼ 내용 import 문은 외부 모듈이나 다른 스크립트 등으로부터 export 된 기능을 가져오는데 사용됩니다. (함수,변수 모듈화 class화?) &nbsp 자바스크립트는 호이스팅이 되는 관계로 변수나 함수가 전역에서 사용할 수 있었기 때문에 이름으로 충돌을 일으키는 경우가 많아서 이용하기 어려웠다. (CommonJS로 사용할..
배열 관련 함수들(push,pop,shift,unshift,splice,slice) push() 배열의 끝에 아이템을 추가한다 &nbsp var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var push = fruits.push("Grape"); console.log(push); console.log(fruits);출력 결과 ["Apple", "Banana", "Orange", "Strawberry", "Grape"]pop() 배열의 마지막 아이템을 제거한다 &nbsp var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; var pop = fruits.pop(); console.log(pop); console.log(fruits);출력 결과 Strawberry ["Apple", "Ba..
배열 forEach Loop 하는 방법 forEach Loop foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원) 배열의 요소들을 반복하여 작업을 수행할수 있습니다. var fruits = ["Apple", "Banana", "Orange", "Strawberry"]; fruits.forEach(function (item, index, array) { console.log(item, index); }); //첫번쨰 인수는 배열의 각각의 item //두번쨰 인수는 배열의 index //세번째 인수는 배열 그자체 for .... in 반복문 객체의 key값과 value 값을 뽑아내는데 유용합니다. var obj = { a: '가', b: '나', c: '다' }; for (var key ..
배열 에서 최대, 최소 값 찾기 2개 이상의 변수 중 가장 큰 값 찾기 a, b, c 의 변수 중에서 가장 큰 값은? var a = 11, b = 12, c = 13; var max = Math.max(a,b,c);배열 내 숫자 중 가장 큰 값 찾기 arr 배열 내 숫자 중 가장 큰 값은? var arr = [11, 12, 13]; var max = Math.max.apply(null, arr);2개 이상의 변수 중 가장 작은 값 찾기 a, b, c 의 변수 중에서 가장 작은 값은? var a = 11, b = 12, c = 13; var min = Math.min(a,b,c);배열 내 숫자 중 가장 작은 값 찾기 arr 배열 내 숫자 중 가장 작은 값은? var arr = [11, 12, 13]; var min = Math.min.a..
javascript array의 원소 삭제하기 javascript Array의 특정 원소를 지우는 법을 정리한다. python에서는 다음과 같은 코드로 같은 작업을 할 것이다. a = [1, 2, 3, 4] a.remove(3) 다음은 javascript 코드이다. 지우고 싶은 원소의 인덱스를 찾아서 splice 함수를 통해서 지운다. let a = [1, 2, 3, 4] const idx = a.indexOf(3) if (idx > -1) a.splice(idx, 1) 단순 array가 아닌 object를 담는 array에서 특정 field 값을 가지는 object를 지우고 싶다면 다음과 같은 방식으로 할 수 있다. functional programming style의 find 함수를 이용해서 원하는 object를 찾고, 그 이후는 같은 논리로 코..
다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 VSCode에서 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 커서를 여러개 추가하기 VSCode는 같은 단어를 모두 선택하여, 한번에 변경하는 기능을 제공합니다. 코드 리팩토링 시, 변수명을 변경해야 할 때 유용한 기능입니다. Ctrl + Shift + L 1. 변경하려는 단어를 선택하고 2. Ctrl + Shift + L 단축키를 누르면, 선택한 단어와 같은 단어가 모두 선택됩니다. 3. 이 때, 단어를 수정하면, 동시에 수정이 됩니다. Ctrl + D 위의 Ctrl + Shift + D 단축키를 사용하면, 선택된 단어(변수)와 같은 단어가 모두 선택되고, 변경됩니다. Ctrl + D..
다중 선택 - 커서를 여러개 추가하기 VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 지난 내용은 위 링크를 참조하세요. VSCode는 원하는 위치에 커서를 여러 개 추가하여 동시에 같은 내용을 추가할 수 있는 기능을 지원합니다. Alt + Click 1. Alt 키를 누른 채로, 커서를 추가하고 싶은 부분을 차례로 클릭합니다. 2. 선택이 완료되면 Alt 키에서 손을 떼고, 해당 부분을 수정하면 커서가 위치한 모든 부분에 같은 내용이 반영됩니다. 출처: https://hianna.tistory.com/359?category=8737..
다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택) VSCode에서 개발 생산성을 높여주고, 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다. [VSCode] 다중 선택 - 커서를 여러개 추가하기 [VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 다른 내용은 위 링크를 참조하세요. VSCode는 세로 선택 기능을 지원합니다. 세로로 여러 줄을 동시에 선택하여, 동시에 수정할 수 있는 기능입니다. 다음은 키보드와 마우스를 이용해서 세로 영역을 선택할 수 있는 두 가지 방법입니다. Ctrl + Alt + (↑, ↓) 1. Ctrl + Alt 키를 누른 상태에서 위, 아래 방향 화살표로 세로 선택 영역을 조절합니다. 2. 세로로 여러 줄이 선택 된 상태에서, Shift + (←, →) 단축키로 가로 영역을 선택 할 수..