호이스팅(hoisting) -인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것 - var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화 - let 과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않음 ✔변수타입으로 함수를 설정한다면 호이스팅이 일어나면서 해당하는 변수를 초기화 하면서 함수는 끌어올려지지 않으므로 오류가난다. HTML 예제 코드 DOCTYPE html> 호이스팅 호이스팅 func1(); // 이건 가능 func2(); // 이건안됨 , 변수타입으로 함수를 설정한다면 호이스팅이 일어나면서 해당하는 변수를 초기화 하면서 함수는 끌어올려지지 않으므로 오류가난다. function func1(){ alert('func1 호출'); } con..
사용자 정의 함수(function) - 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록 - 필요할 때마다 호출하여 해당 작업을 반복해서 수행할 수 있음 - 코드를 재활용 1.함수 선언식 function 함수명(매개변수1,매개변수2 ...){ 함수가 호출되었을 때 실행할 문장; .... return 값 } 함수명(값1,값2 ...) 2.함수 표현식 const 변수명 =function(매개변수1,매개변수2 ...){ 함수가 호출되었을 때 실행할 문장; ... return값 } 디폴트 매개변수 - 매개변수의 값을 설정하는 것 - 매개변수의 값을 정하지 않으면 기본값을 변수에 저장 function 함수명(매개병수1 =값1, 매개변수 =값2,..){ 함수가 호출되었을 때 실행할 문장; ... retu..
배열(Array) - 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조) - 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가르키는 숫자를 인덱스라고 함 1.배열 선언 let 배열명; 2.배열 초기화 배열명 = [요소1,요소2,요소3..] 예) let arr; arr = [100,200,300] let arr = [100,200,300] 두 방법 모두 동일 3.배열 객체로 생성 const 배열명 = nuw Array(요소1,요소2,...); 4.배열의 접근 let arr; arr = [100,200,300] console.log(arr[0]); // "100" console.log(arr[1]); // "200" console.log(arr[3]); // "300" 5.자바스크립트..
문제.1 특정 숫자를 입력받아 짝수가 나올때까지 반복하는 문서 DOCTYPE html> 문제1 문제1 let num = Number(prompt('숫자를 입력하세요')) while((num%2) != 0){ console.log('홀수입니다') num = Number(prompt('숫자를 입력하세요')) continue; } console.log('짝수입니다 프로그램을 종료합니다') 실행하면 홀수라면 게속 반복문을 통해서 숫자를 다시 입력하게 되고 짝수를 입력하면 반복문을 빠져나와 짝수임을 출력한다.
1.while 문 while (조건식) { 조건식의 결과가 true인 동안 반복할 문장; .... } do ~while문 조건식의 결과가 처음부터 false 일 경우에도 1번은 { }에 문장을 실행함 do { 조건식 결과가 true인 동안 반복할 문장; .... } while (조건식); 2.for 문 for (초기값; 조건식; 증감식) { 조건식 결과가 true인 동안 반복할 문장; .... } ✔for 문의 무한루프 for (; ;) { } 3.break문 - switch문 또는 반복중인 루프 내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동 num = 1; while (num 반복문 반복문 const dan = Number(prompt('원하는 단을 입력하세요')) con..
제어문2(switch문) switch(변수){ case 값1: 변수와 값1이 같을 경우 실행할 문장; .... break; case 값2: 변수와 값2이 같을 경우 실행할 문장; .... break; case 값3: 변수와 값3이 같을 경우 실행할 문장; .... break; default: 변수와 모든 값이 다를 경우 실행할 문장; .... } HMTL 예제 코드 DOCTYPE html> swich문 swich문 let input = prompt('아동,청소년,성인 중 하나를 고르세요') //아동, 청소년, 성인 switch(input) { case '아동': input += ":입장료 무료"; // '아동: 입장료 무료' case '청소년': input += ":입장료 40000원"; // 청소년: ..
제어문1. if if문 문법 if(조건식){ 조건식의 결과가 true일 실행할 문장; .... } if~else 문 문법 if(조건식){ 조건식의 결과가 true일 실행할 문장; .... }else{ 조건식의 결과가 false일때 실행할 문장; .... } if~else if~else 문 문법 if(조건식1){ 조건식의 결과가 true일 실행할 문장; .... }else if(조건식2){ 조건식2의 결과가 true일때 실행할 문장; .... }else if(조건식3){ 조건식3의 결과가 true일때 실행할 문장; .... }else{ 모든 조건식이의 결과가 false일때 실행할 문장 } HTML 예제 코드 DOCTYPE html> if문 if문 const age =Number(prompt('나이를 입력하..
연산자(Operater) 1. 산술 연산자 +,-,*,/,%,** 2.비교 연산자 >, =, true '3' == 3 -> true '3' === 3 -> false 3.대입 연산자 =,+=,-=,*=,/=,%=,**= 4. 증감 연산자 ++변수(1더하기), --변수(1빼기), 변수++(1더하기),변수--(1빼기) num =10 ++num //11 --num // 10 num++ // 11 num-- // 10 num = 10 result = ++num // result =11, num=11 result = num++ // result =11, num=12 5. 논리 연산자 &&, ||, ! (and or not 순서) 6. 비트 연산자 &, |, !, ^, 7. 삼항 연산자 변수 = 조건식 ? 반환값1..
