킹바구니

자바스크립트에서 this는 그 상황마다 가리키는 값이 다름. 1. window 2. 자기 자신 3. 앞에 붙은 object 4. ??? 이렇게 크게 3가지로 나뉨 1. 일반적인(global scope) 상황에서 this는 window를 가리킴. this.room = 'window table'; // 콘솔창에 this만 쳐도 자동으로 window가 출력. 2. object안에서 this는 자기 자신을 가리킴. this.table = 'window table'; let myRoom = { table: 'my table', }; console.log(this.table) // window table console.log(myRoom.table) // my table console.log(this.myRoom...

1. var와 let의 차이점 var: 예전 자바스크립트에서 사용되던 변수. let: ES6 자바스크립트부터 사용할 수 있는 변수. var 특징 1) 호이스팅이 됨. console.log(v); // undefined console.log(l); // l is not defined var v = 'var'; let l = 'let'; 2) 함수형 스코프를 가지고 있음. function aa() { if(true) { var v = 'var'; let l = 'let'; }; console.log(v); // 'var' console.log(l); // l is not defined }; aa(); var는 함수 내에서 최상단으로 올라가 선언됨. let은 생성된 그곳(if문) 안에서만 활동 가능함. 그래서..

var a = 1; function aa() { a = 2; console.log(a); // 2 } aa(); console.log(a); // 2 aa() 함수 안에서 a = 2는 밖에있던 var a = 1과 동일한 친구로, 1이였던 a를 2로 바꿨기때문에 함수가 끝나더라도 a를 호출하면 2로 나옴. var a = 1; function aa() { var a = 2; console.log(a); // 2 } aa(); console.log(a); // 1 aa() 함수 안에서 var a = 2는 밖에있던 var a = 1과 다른 친구로, aa() 함수 안에서는 a를 호출하면 2로 나오겠지만, aa() 함수가 끝나면 사라져서 원래 a = 1가 나옴. var a = 1; function aa(thing)..

1. array를 object로 빠르게 만들기 var arr = ['mon', 'tue', 'wed']; var obj = {...arr}; // {0: "mon", 1: "tue", 2: "wed"} 2. 두개 이상 array를 병합하기(concat, push말고) var arr1 = [1, 2, {name: 'jj'}]; var arr2 = [3, 4, [5, 6]]; var mergeArr = [...arr1, ...arr2]; // [1, 2, {name: 'jj'}, 3, 4, [5, 6]] 3. map()쓰지 않고 특정 value만 꺼내기 var students = [ {name: 'hobs', age: 33}, {name: 'marry', age: 54}, {name: 'jacob', age..

var num = 1; var num2 = num; num = 2; console.log(num2) // 1 🤨? var room = { table: 1 }; var room2 = room; room.table = 2; console.log(room2.table) // 2; 🤨?? 둘의 차이점은 첫번째는 원시값(primitive)이고 다른쪽은 참조값(reference)라는 것. 원시값 primitive value/type 은 메모리에서 스택 stack이라는 공간에 값을 저장하게 됨. 스택에서는 비교적 짧은 데이터들을 저장하고 빨리 불러오며, '스택'이라는 이름답게 데이터가 하나하나 위로 쌓이게 됨. var num = 1일때, 스택에 1이라는 값을 제일 아래 칸에 저장함. 그 후 var num2 = num..

1. concat() 인자로 주어진 값이나 배열을 기존에 합쳐서 새로운 배열 반환. // array1.concat(array2, array3, ..., arrayX) var a = [1,2] var b = [3,4] var c = a.concat(b) var c // 1,2,3,4 2. every() 조건을 테스트해서 true, false 반환. // array.every(function(currentValue, index, arr), thisValue) var _a = [1,2,3,4] var chkNum = function chkNum(v) { return v < 5; }; _a.every(chkNum); // true; 3. fill() 시작 인덱스부터 끝 인덱스 전까지 원하는 값으로 채움. // ..

primitive(원시 값) 1. 숫자 2. 문자열 3. 불리언 4. undefined 5. null object(객체) 1. 배열 [] 2. 정규표현식 3. 객체 리터럴 {} 원시값은 프로퍼티 추가, 변경이 불가능. var a = '123'; a.length = 1; a.length // 3 객체는 프로퍼티 추가, 변경 가능 var b = [1,2,3]; b.length = 1; b.length // 1 undefined는 왜 뜨는가 1. 변수의 정의가 안되어있을 때 var a; a //undefined 2. 매개변수가 없을 때 function a(x) = {return x}; a() //undefined 3. 존재하지 않는 것에 프로퍼티 var a = []; a.length //undefined 타입..

var a = [1,2,3,4] 이렇게 되어있는데 a = [1,3,2,4] 로 하고싶을때 var a = [1,2,3,4] Array.prototype.swap = function(i, k) { var tmp = ''; tmp = this[i]; this[i] = this[k]; this[k] = tmp; }; a.swap(1,2) // 서로 바꿀 값의 인덱스를 써주면 된다. 1,3,2,4 특정한 규칙이 있었으면 또 모르는데 단순히 특정자리 숫자만 바꾸는거라 고민했었

var a = "사과 오렌지 컵 컵 사과 컴퓨터 사과 컴퓨터" // 해당 첫글자만 바꾸기 a.replace(/사과/, 'apple'); // apple 오렌지 컵 컵 사과 컴퓨터 사과 컴퓨터 // 해당 글자 모두 바꾸기 a.replace(/사과/gi, 'apple'); // apple 오렌지 컵 컵 apple 컴퓨터 apple 컴퓨터 // 두글자 이상 모두 바꾸기 a.replace(/사과/gi, 'apple').replace(/컴퓨터/gi, 'computer'); // apple 오렌지 컵 컵 apple computer apple computer // 공백 없애기 a.replace(/\s/gi, '') // 사과오렌지컵컵사과컴퓨터사과컴퓨터

크 이거 만들라고 한 일주일은 고생 크 주요 포인트는'입력해야하는 줄은 랜덤인데 안쓴 칸은 아무것도 출력 안되게 하는거' 였음 근데 예전에 짠거는 아무것도 안쓴칸이 아무것도 출력 안되야하는데 '빈칸'으로도 나오는거임 아오 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 Document table {border-collapse: collapse;} table,tr,td{border: 1px solid #333; padding: 5px;} input[type='text'] {width: 350px; margin-..