기초 개발 노트

var season = prompt('선호하는 계절을 입력하세요!')// 조건을 판별할 변수 ( 비교식x, 문자값이나 숫자값 써야함 )switch (season) { case '봄': alert('봄에는 여의도로 가세요'); break; case '여름': case 'summer': alert('여름에는 낙산해수욕장으로 가세요'); break; case '가을': case 'fall': alert('가을에는 설악산로 가세요'); break; case '겨울': case 'winter': alert('겨울에는 홍천로 가세요'); break; default: alert('봄, 여름, 가을, 겨울 중 하나를 입력하세요!');}// break없으면 코..

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 =..

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

랜덤 정수를 생성하고 조건에 따라 메세지 나오게하기 /* 랜덤 정수 생성하기 : Math.random() 1이상 10이하의 랜덤 정수 생성 Math.random() - 0.0 9 Math.floor(Math.random() * 10); - 0 = 60) { console.log('합격하셨어요'); console.log('수고')} else { console.log(`불합격~~`);} if 뒤에는 반드시 () 괄호가 와야한다! prompt는 string type 이기 때문에 앞에 +를 붙여야 숫자를 인식한다. a === b === c 가 있을 때         (b에서는 true) 상태임 var money = 3000;var ..

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

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..