기초 개발 노트

DOM은 Document Object Model의 약자로 자바스크립트를 사용해서 DOM으로 HTML를 조작하는 것이다. 웹페이지를 동적으로 움직이게 만들 수 있다. HTML에 JavaScript를 적용하기 위해서는 JavaScript 파일은 # js 파일(page_4_js.js) function tmp_func() { document.getElementById("fun_1").innerHTML = "함수 실행됨"; }; function randoms() { var num_1 = Math.random(); num_1 = Math.floor(num_1 * 10) document.getElementById("fun_2").innerHTML = num_1; }; ///////////////////////////..

연산자들 // 산술 연산자 let sum = 10 + 5; // 15 let difference = 10 - 5; // 5 let product = 10 * 5; // 50 let quotient = 10 / 5; // 2 let remainder = 10 % 3; // 1 // 할당 연산자 let x = 10; x += 5; // x = x + 5; // 15 x -= 5; // x = x - 5; // 10 x *= 5; // x = x * 5; // 50 x /= 5; // x = x / 5; // 10 x %= 3; // x = x % 3; // 1 // 비교 연산자 let isEqual = 10 == '10'; // true (값만 비교) let isStrictEqual = 10 === '10'..

Spread 문법 주로 배열을 풀어서 인자로 전달 또는 각각의 요소로 전달 function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 질문: 어떤 값을 리턴하나요? rest 문법 파라미터를 배열의 형태로 받아서 사용. 단 파라미터 개수가 가변적일 때 유용 function sum(...theArgs) { let result = 0; for(let idx = 0; idx < theArgs.length; idx++) { result = result + theArgs[idx]; } return result; } sum(1,2,3) // 질문: 어떤 값을 리턴하나요? sum(1,2,3,4) // 질문: 어떤 값을..

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). - mdn (2023) 클로저란? 함수와 그 함수 주변상태의 주소 조합 const globalVar = '전역 변수'; function outerFn() { const outerFnVar = 'outer 함수 내의 변수'; const innerFn = function() { return 'innerFn은 ' + outerFnVar + '와 ' + globalVar + '에 접근할 수 있습니다.'; } return innerFn; } 함수 outerFn => 변..

일반 예제 1 let username = 'kimcoding';if (username) { let message = `hello, ${username}!`; console.log(message); // 'Hello, kimcoding!'    함수에 의해서 나뉘는 예제  let greeting = 'Hello';function greetSomeone() { let firstName = 'Josh'; return greeting + ' ' + firstName;}console.log(greetSomeone()); // 'Hello Josh'     스코프의 정의와 규칙안쪽 스코프에서 바깥쪽 스코프로만 접근 가능    지역변수와 전역변수가 있다.let name..

원시 자료형과 참조 자료형Stack 머릿 속에 떠올려보자. 1 칸 당 메모리를 가지고 있다고 상상을 해보자.    원시자료형  해당 값을 저장하면 ?   이런 식으로 각 스택에 순서대로 저장 되는 것을 '원시 자료형' 이라 함.JavaScript에서는 6개의 자료형(number, string, boolean, undefined, null)을 원시 자료형으로 구분함.// 원시 자료형(primitive type): number, string, boolean, undefined, null42, 'string', true, undefined, null  특징원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사let num = 20;let copiedNum = num;원시 자료형은 값 자체가 복사됨...