사용이유 : 문서를 javaScript로 제어하려면 제어의 대상에 해당되는 객체를 찾는 것이 제일 먼저 할 일이다. 문서 내에서 객체를 찾는 방법은 document 객체의 메소드를 이용한다. 1. 제어대상 찾기. 2. 제어대상에 대하여 작업하기. document.getElementsByTagName -> TagName을 통해서 Element들을 가져온다. 설명 : 는 element 이고 document 는 문서 전체를 의미한다. li에 담겨져 있는 context의 색상을 변경하려 한다. for 문에서 getElementByTagName, var lis 는 document : 문서 전체에서 TagName이 (' li ')인 element들을 가져와서 그 결과를 return해주는 메소드이다. lis 메소드가..

map이 배열의 각 요소를 변형한다면 reduce는 배열 자체를 변형한다. reduce라는 이름은 이 메서드가 보통 배열을 값 하나로 줄이는 데 쓰이기 때문에 붙었습니다. reduce 시각화 : reduce.surge.sh 대표적으로 아래 코드의 동작을 보다 편리하게 작성하기 위해서 reduce() 를 사용한다. let arrayDemo = [1,2,3,4,5,12]; let sum = 0; for(let i = 0; i < arrayDemo.length; i++){ sum = sum + arrayDemo[i]; } console.log(sum); // 1 + 2 + 3 + 4 + 5 + 12 // 출력 : 27 reduce 란? MDN array.reduce( callback( accumulator, ..

메소드기능 concat() 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다. copyWithin() 배열 내에서 첫 번째 인자 위치의 요소를 두 번째 인자 위치에 복사합니다. every() 인자로 주어진 함수로 배열내의 모든 요소를 테스트해서 참일 경우 true를 반환합니다. fill() 배열내의 모든 요소의 값을 주어진 값으로 채웁니다. filter() 인자로 주어진 함수로 배열내의 모든 요소를 테스트해서 참인 요소만으로 만들어진 배열을 반환합니다. find() 인자로 주어진 함수로 배열내의 요소를 테스트해서 참인 첫 번째 요소를 반환 합니다. 찾지 못하면 undefined를 반환합니다. findIndex() 인자로 주어진 함수로 배열내의 요소를 테스트해서 참인 첫 번째 요소의 인덱스를 반환합니다..

※ JavaScript는 원시 타입과 참조 타입이라는 두가지 자료형을 제공하며 Object를 제외한 모든것들은 Primitive한 성격을 갖고 있다. Primitive Type : 데이터의 실제 값 할당 Reference Type : 데이터의 위치 값만 할당 1 . primitive 원시값 또는 원시 자료형? 객체도 아니고 메서드도 아닌 데이터이다. 1.1 Primitive Type의 종류 Boolean number String null undefined 1.2 Primitive Type의 변수 복사 각 변수 간에 원시 타입 데이터를 복사할 경우, 데이터의 값이 복사된다. var x = 100; var y = x; x = 99; console.log(y);// 100; 데이터의 값을 복사하기 때문에 co..

재귀적 사고 연습하기 누군가는 재귀를 자전거를 타는 것에 비유하기도 합니다. 다른 사람이 타는 것을 옆에서 지켜보면 꽤 쉬워 보이는데 막상 내가 타려고 하면 생각보다 잘 안 됩니다. 자전거를 잘 타는 방법은 계속 시도하고 연습하는 수밖에 없습니다. 재귀 역시 마찬가지입니다. 자연스러워질 때까지 연습해야 합니다. 재귀 란? 어떤 함수가 스스로를 호출 하는 것. 팩토리얼 ! 5! = 5 x 4 x 3 x 2 x 1 = 5 x ( 4 x 3 x 2 x 1 ) 4! = 5 x 4 x 3! function fac(n) { if (n === 1){ // n이 1일 경우에는 곱해야 할 수가 없으므로 return 으로 종료한다. return 1; // fac () 안의 값이 1 일때 1인 값을 return 한다. } ..

현재 호출자가 누구냐! this : 함수 내에서 함수 호출 맥락을 의미한다. 맥락이란 ? 함수를 어떻게 호출하냐에 따라 this가 가르키는 대상이 달라진다. ex) function func () { if(window === this){ console.log("window === this"); //document.write } } CodeStates this 란 : 1. 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자. 2. execution context의 구성 요소 중 하나로, 함수가 실행되는 동안 이용할 수 있다. execution context 란? 실행 context 또는 memory table. - 실행을 하게되면 a() , b() , c() 그리고 Global 영역에 실행 cont..