𝙿𝚛𝚘𝚐𝚛𝚊𝚖𝚖𝚒𝚗𝚐 𝙻𝚊𝚗𝚐𝚞𝚊𝚐𝚎

이중 등호는(==)는 두 대상을 비교할 때 유형 변환을 수행한 뒤 비교를 수행한다.   == (느슨한 비교 / 동등 연산자)console.log(0 == "0"); // trueconsole.log(5 == '5'); // true console.log(null == undefined); // true ==는 타입 변환을 자동으로 수행한다.그래서 숫자 5와 문자 "5"를 자동으로 타입 변환하여 비교를 수행한다.이 경우, 값이 같기 때문에 true를 반환한다. null과 unddefined는 빈 값을 나타내므로 같다고 평가된다.    === (엄격한 비교 / 일치 연산자)console.log(0 == "0"); // falseconsole.log(5 == '5'); // falseconsole.log(nu..

const title = 'File Title';const value = 'value';const result = { title, value };console.log(result); // { title: 'File Title', value: 'value' } 코드에서 { title, value}를 push 했는데 변수명까지 자동으로 객체 키로 들어가는 이유가 궁금했다.이는 ES6의 '객체 리터럴 단축 표기법(Object Property Shorthand)' 때문이다.    객체 리터럴 단축 표기법이란?일반적으로 객체를 만들 때 key: value 형태로 작성하는데 ES6부터는 변수명을 키로 자동 설정하는 단축 문법이 추가됐다. const title = "document_2024.pdf"; const v..

콜백함수는 편하게 사용하고 있는데 어렴풋이 알고 사용하고 있어서 알아보았다. 콜백(Callback)함수란?다른 함수에게 넘겨주는 함수이다."얌~ 이 함수 나중에 필요할 때 알아서 실행해줘~"라고 하면서 함수를 다른 함수에게 넘겨주는 것이다. 콜백 함수를 파라미터로 전달하고, 그 함수를 내부에서 실행하는 방식으로 사용한다.   예시 - 이벤트 리스너button.addEventListener("click", () => { console.log("버튼 클릭");}); 대표적으로 이벤트 리스너가 있다.'이거 클릭하면 실행해줘~!' 하고 addEventListener에게 함수를 넘기는 것이다. (클릭이 되면, 브라우저가 알아서 실행을 해준다)  위 코드에서 () => {...} 가 콜백함수이다.   예시 ..

Array.prototype.every() 함수의 이름 every()를 보면 추측을 할 수 있다.배열의 모~든 요소가 주어진 조건을 만족하는지 검사하는 것이다.- 모~두 만족하면 true 반환- 하나라도 만족하지 않는다면 false 반환 만족하지 않는 요소를 찾으면 바로 멈춘다 (뒤에 있는 요소들을 더 이상 검사하지 않는다.)  const arr = [true, true, false, true]; const result = arr.every(value => { // 여기부터 콜백 함수 console.log(value); return value; }); // 여기까지 콜백 함수// true // true // false console.log(result); // false 4번째의 true를 ..

let data = [];let a = [1, 2, 3];let b = [4, 5, 6];  a랑 b를 배열 data에 합치는 방법 concat()과 스프레드 연산자를 가장 많이 쓴다. 1. concat()let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = a.concat(b); console.log(data); // [1, 2, 3, 4, 5, 6]  concat()은 원본 배열을 변경하지 않고 새로운 배열을 반환한다.  2. 스프레드 연산자 (...)let data = []; let a = [1, 2, 3]; let b = [4, 5, 6]; data = [...a, ...b]; console.log(data); // [1, 2, 3, 4, 5,..

문제 페이지가 로드될 때 데이터가 있으면 이를 출력하고, 그 길이에 맞춰 textarea의 높이를 자동으로 조정하려고 했다.이를 위해 아래 코드를 작성했다. window.onload = function(){ // 기존 높이를 auto로 설정하여 높이를 새로 계산하도록 함 textarea.style.height = 'auto'; // 새로운 높이 설정 textarea.style.height = `${textarea.scrollHeight + 3}px`; // 필요 시 여유 3px 추가} 하지만 이렇게 해도 scrollHeight가 0으로 계산되어 높이가 제대로 조정되지 않는 문제가 발생했다.    해결 방법 로드될 때 scrollHeight을 구하는 게 아닌, 탭이 전환될 시 scrollHeight을..