Front-End/Javascript13 [Java Script] NaN NaN 은 Not a Number 의 약자로 말 그대로 숫자가 아닌, 또는 될 수 없는 것들을 뜻한다. - 숫자가 아닌 데이터를 숫자처럼 사용하고자 할 때 - 산술 연산의 결과가 유효하지 않는 값일 때 - 숫자가 너무 커서 표현할 수 없는 값일 때 var x = 100 / "apple" 를 하게 되면 x 는 NaN이 된다. 하지만 var x = 100/"10" ; 을 하면 결과는 10이 나온다. 즉, 문자열이 숫자값으로 변환할 수 있으면 숫자로 변환해 계산을 해준다. ㅎㅎ는 숫자가 아닌 문자열이므로 NaN이 출력되었으며, 0/0는 연산이 유효하지 않아 NaN이 출력되는 것을 볼 수 있다. 2021. 12. 7. [JavaScript] 조건문(if문, if~else문, 다중 if~else문, switch~case문) if문 걸음수가 10000미만, 이름을 입력했으므로 결과는 hr과 (이름)님 환영합니다가 나온다. 자바스크립트에서의 조건문에 0, null, "", undefined가 오면 false를 반환하니 이 점을 알아두자. * undefined 자료형 변수만 선언하고 해당 변수 안에 데이터가 안 들어 있는 상태에서 화면에 출력할 때 화면에 나오는 자료형. let data; document.write("data >>> " + data + " "); data에 값이 없으므로 undefined 반환 if~else문 if~else 조건문 형식) if(조건식) { 조건식이 참인 경우 실행문; }else { 조건식이 거짓인 경우 실행문; } switch~case 조건문 - 다중 if~else문과 유사한 구조를 가지고 있음... 2021. 11. 16. [JavaScript] 연산자(operation) 대입연산자(=), 산술연산자(+, -, *, /) let num1 = 15, num2 = 4, result; result = num1 + num2; document.write("result >>> " + result + " "); result = num1 - num2; document.write("result >>> " + result + " "); result = num1 * num2; document.write("result >>> " + result + " "); result = num1 / num2; document.write("result >>> " + result + " "); 단축배정연산자(+=) let num1 = 15, num2 = 4; let tab = ""; tab += ""; tab.. 2021. 11. 13. [JavaScript] 입출력 대화 상자_alert , confirm, prompt 자바스크립트에서의 입출력 대화상자 alert 알림(경고) 창 - : 특정 정보를 사용자에게 메세지 창으로 알려 주기 위해 주로 사용됨. window.alert("알림 내용 또는 경고 내용"); alert("알림 내용 또는 경고 내용");//window는 생략 가능 confirm 확인 창 - : 확인 또는 취소 창이 나타나는 알림창 [확인] - true / [취소] - false 값을 반환 window.confirm("문자열"); confirm("문자열");//window는 생략 가능 confirm 예제) let type = confirm("현재 시간은 오전인가요?"); console.log(type); console.log(typeof type); Javascript에서 데이터의 타입을 확인하기 위해서는.. 2021. 11. 11. [JavaScript] 변수와 상수(var, let, const), 자료형 자바스크립트에서의 변수와 상수 변수 데이터를 저장하는 공간. 데이터가 변할 수 있음. 특히 자바스크립트는 변수에 숫자와 문자 뿐만 아니라 함수와 클래스까지 저장이 가능함 변수를 선언하는 방법 /*문법*/ var 변수명 = 값; let 변수명 = 값; ★ var: 자바스크립트에서 변수 선언을 의미하는 키워드 ★ let : 자바스크립트에서 변수 선언을 의미하는 키워드, var와 차이점은 변수 중복 선언이 불가하다는 것! 재할당은 가능하므로,, 재할당 할 경우 let 키워드를 제외하고 선언하면 된다. ex) let grade = "F"; grade = "A+"; - 문자열을 할당할 시 큰따옴표("")나 작은따옴표('')로 감싸야 된다. (안그러면 오류 발생) - 자바스크립트에서 변수 선언은 선언 > 초기화 단.. 2021. 11. 10. [JavaScript] 화면에 데이터를 출력하는 방법 4가지 화면에 데이터를 출력하는 방법 4가지 1) innerHTML 속성(property)을 이용하는 방법 2) console.log() 메서드를 이용하는 방법 3) document.write() 메서드를 이용하는 방법 4) window.alert() 메서드를 이용하는 방법 1) innerHTML 속성(property)을 이용하는 방법 일반적으로 자바스크립트로 HTML요소에 접근할 때는 document.getElementById(id) 메서드를 이용. 여기서 HTML요소의 id 속성(attribute)을 찾아서 innerHTML 속성을 통해 콘텐츠의 내용을 적용시켜 줌 2) console.log() 메서드를 이용하는 방법 console.log()는 주로 디버깅 시에 필요한 정보를 출력할 때 사용. ==> 전문 .. 2021. 11. 10. 이전 1 2 3 다음
