JavaScript (41) 썸네일형 리스트형 JavaScript* if문 조건을 사용한 quiz 1 /*- Quiz. 아래 요구사항에 맞는 코드를 작성하고 브라우저에서 실행하여 테스트하세요.- 요구사항 1. 사용자는 신장(키)과 나이의 정보를 숫자로 입력할 수 있어야 함.2. 프로그램은 2가지 정보를 입력하고 엔터를 누르면 조건에 따라 다른 결과를 출력해야 함.3. 키가 140이상이고 나이가 8세이상인 2개의 조건을 모두 만족할 경우 “놀이기구에 탑승할 수 있습니다.”를 출력할 것.4. 두 개의 조건 중 하나라도 만족하지 않을 시 “놀이기구에 탑승할 수 없습니다”를 출력할 것.5. 조건과는 관계없이 “오늘 하루 즐거운 시간되세요!”를 출력할 것! 논리 연산자를 사용해 볼 것!*/var height = +prompt('키');var age = +prompt('나이는'); if .. JavaScript* 조건 연산자 조건문 조건조건 랜덤 정수를 생성하고 조건에 따라 메세지 나오게하기 /* 랜덤 정수 생성하기 : 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 .. JavaScript* 변수와 상수 자바스크립트 특징 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어자바스크립트로 작성한 프로그램 ➟ 스크립트(script)*. 스크립트는 웹페이지의HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됨.스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있음보면 자바스크립트는 자바(Java)와는 매우 다른 언어이다. var result; // 변수 선언result = 10 + 20; // 값을 변수에 할당 (대입)// = 는 우항에 있는 값을 좌항에있는 공간에 저장한다는 것이다. ( 수학에서의 '같다' 의미가 아님 )var multiple = result * 3; // 90console.log(multi.. [중앙정보처리학원] DOM* JavaScript 적용하기 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; }; ///////////////////////////.. [중앙정보처리학원] JavaScript* 연산자와 데이터 유형 연산자들 // 산술 연산자 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'.. [중앙정보처리학원] JavaScript* Spread/rest 문법 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) // 질문: 어떤 값을.. [중앙정보처리학원] JavaScript* 클로저 (Closure) 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 => 변.. [중앙정보처리학원] JavaScript* 스코프(Scope) 일반 예제 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.. 이전 1 2 3 4 5 6 다음
