제어문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..
자바스크립트의 대화상자 Web API: 브라우저에서 제공하는 API(Application Programming Interface) -프로그램들과 기능들의 상호 통신 방법을 규정하고 도와주는 매게체 ●alert() : 사용자에게 메세지를 보여주고 확인을 기다림 ●confirm() : 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그결과를 불린 값을 반환 ●prompt() : 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환 confirm,prompt -> 결과값을 반환 한다 -> 변수에 받아야한다! HTML 코드 예시 DOCTYPE html> 대화상자 대화상자 //alert('안녕하세요 자바스크립트!') //const result = confirm('확인 또는 취소를 눌러주세요') //con..
✔자바스크립트의 변수는 타입이 고정되어 있지 않으며 같은 변수에 다른 타입의 값을 대입할수 있음 let user ={userid:'apple',name:'김사과' ,age:20} user ='김사과' 자동 타입 변환 - 특정 타입의 값을 기대하는 곳에 다른 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용 const num4 =10 const str3 ="10"; console.log(num4+str3); 결과값: 1010 console.log(num4-str3); 결과값: 0 -> 자동 형변환 console.log(num4*str3); 결과값: 100 -> 자동 형변환 console.log(num4/str3); 결과값: 1 -> 자동 형변환 NaN(Not a Number) - '정의되지 않은 값이나..
데이터 타입(Data Type) - 프로그램에서 다룰 수 있는 값의 종류 - 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음 - 자바스크립트의 타입 유연성을 해결하기 위해 타임스크립트가 탄생 1.숫자형(number) - 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현 2.문자형(string) -'',""또는 ``로 둘러싸인 문자의 집합 num = 10 "입력한 숫자는" +num+"입니다."; `입력한 숫자는 ${num}입니다.`; 3.논리형 (boolean) - 참(True) 과 거짓(false)으로 표현되는 값 - false, 0, '', "", null, undefined는 모두 거짓(false)로 판정함 -false 가 아닌 모든 값은 참(True)로..
상수(constant) - 한번 선언된 상수는 다시 재정의 할 수 없음 - 값을 재할당 할 수 없음 const 상수명 = 값; 예) const num =10; const 상수명; 상수명 = 값; (X) 안됨 ✔자바스크립트에서 상수를 권장하는 이유 - 해킹을 방지하기 위해 - 개발자 실수를 방지하기 위해 HTML 예제 코드 DOCTYPE html> 상수 상수 //const str; //str = '김사과' 오류 const str = '김사과'; console.log(str); const obj = {id:'apple',name:'김사과',gender:'여자' } //객체선언 -> const로 하였기 때문에 수정 불가 console.log(obj); console.log(obj.id); console.log..
변수 - 데이터를 저장할 수 있는 메모리 공간 - 값이 변경될 수 있음 - 자바스크립트의 변수는 타입이 없음 - let 키워드를 사용하여 변수를 선언 선언 방식 1.var - 지역변수, 전역변수와의 구별이 없음 - 같은 이름의 변수를 선언할 수 있음 - 성능상 쓸 필요가 없지만 알아두자 console.log(num); var num = 10; { console.log(num); // 전역변수 num = 10 var num = 20; // 지역변수 num = 20 } console.log(num); // 전역변수 num = 20 으로 된다. 2.let - 지역변수, 전역변수의 구별이 확실 - 같은 이름의 변수를 선언할 수 없음 let 변수명 = 값; 또는 let 변수명; 변수명 = 값; HTML 코드 DO..
자바스크립트의 실행 순서 인터프리터 방식이므로 위에서 아래로 실행 * JavaScript 파일 및 문장을 사이에 넣엇을 경우 html 문서의 시작 -> 에 있는 를 다운로드/실행 ->body에 있는 HTML 태그를 실행 -> 끝 -외부 script 파일을 사용할 경우 script 파일 다운로드가 늦을 때 HTML 실행되지 않은 상태에서 빈 화면이 보일 수 있음 *JavaScript 파일 및 문장을 끝에 넣을 경우 html 문서의 시작 -> 에 있는 HTML 태그를 실행 -> 를 다운로드/실행 ->끝 -완벽하지 않은 HMTL이 먼저 보여 잘못된 UI가 보일 수 있음 *를 사용할 경우 html 문서의 시작 -> script 파일을 동시에 다운로드/실행 -> 에 있는 HRTL 태그를 실행 -> 끝 -scrip..
