개발 기술 블로그

var height = +prompt('당신의 키는??'); if (height >= 140) { var age = +prompt('당신의 나이는?? '); if (age >= 8) { alert('놀이기구에 탑승할 수 있습니다.'); } else { alert('나이제한으로 인해 놀이기구에 탑승할 수 없습니다.'); } } else { alert('신장미달로 인해 놀이기구에 탑승할 수 없습니다.'); } alert('오늘 하루 즐거운 시간되세요!'); if 문 두개를 중첩으로 사용하는 경우가 있다. Quiz 2 // // 문제 1 : 2개가 같을 경우와 모두 같을 경우, 모두 다를경우를 구분하기 // var a = +prompt('1부터 10사이에 숫자 쓰세요'); // var b = +prompt('..

/* - Quiz. 아래 요구사항에 맞는 코드를 작성하고 브라우저에서 실행하여 테스트하세요. - 요구사항 1. 사용자는 신장(키)과 나이의 정보를 숫자로 입력할 수 있어야 함. 2. 프로그램은 2가지 정보를 입력하고 엔터를 누르면 조건에 따라 다른 결과를 출력해야 함. 3. 키가 140이상이고 나이가 8세이상인 2개의 조건을 모두 만족할 경우 “놀이기구에 탑승할 수 있습니다.”를 출력할 것. 4. 두 개의 조건 중 하나라도 만족하지 않을 시 “놀이기구에 탑승할 수 없습니다”를 출력할 것. 5. 조건과는 관계없이 “오늘 하루 즐거운 시간되세요!”를 출력할 것! 논리 연산자를 사용해 볼 것! */ var height = +prompt('키'); var age = +prompt('나이는'); if (heigh..

랜덤 정수를 생성하고 조건에 따라 메세지 나오게하기 /* 랜덤 정수 생성하기 : Math.random() 1이상 10이하의 랜덤 정수 생성 Math.random() - 0.0 = 8000) { food = '돈까스'; } else { food = '라면'; } console.log(`선택한 음식: ${food}`); // 삼항연산자 /// var food = (money >= 8000) ? '돈까스' : (money >= 5000) ? '쫄면' : '라면'; // 복잡할때는 아래식으로 var food; if (money >= 8000) { food = '돈까스'; } else if (money >= 5000) { food = '쫄면'; } else if (money >= 3000) { food = '라면..

자바스크립트 특징 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 자바스크립트로 작성한 프로그램 ➟ 스크립트(script)*. 스크립트는 웹페이지의HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됨. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있음 보면 자바스크립트는 자바(Java)와는 매우 다른 언어이다. var result; // 변수 선언 result = 10 + 20; // 값을 변수에 할당 (대입) // = 는 우항에 있는 값을 좌항에있는 공간에 저장한다는 것이다. ( 수학에서의 '같다' 의미가 아님 ) var multiple = result * 3; // 90 console.log(mult..

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!'

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