JavaScript
웹페이지를 동적으로, 프로그래밍적으로 제어하가 위해서 고안된 객체 기반의 스크립트 언어
모든 웹 브라우저에서 동작할 수 있는 언어가 필요해서 발전
javascript 사용방법
JavaScript 입출력
입력하기
document.write();
- html 문서 내에 출력
console.log();
- console창에 출력
- console 창이란 웹페이지에서 f12를 누르면 나오는 개발자도구!
console.log() 외에도 경고 오류 정보 등이 있다.
alert();
- 알림 팝업창으로 출력
출력하기
prompt("출력문 작성", "입력내용")
-> return 타입 : string
뒤 입력내용은 생략이 가능하다 (생략하면 공백)
입력 내용에 입력한 값이 리턴되는 형태
confirm("출력문 작성")
-> return 타입 : boolean
확인 시 TRUE 취소 시 FALSE를 리턴함
Java와 JavaScript의 차이점
ECMAScript6 표준안에서 새로운 변수 키워드 등장
기존 java에서 보지 못했던 let(변수)과 const(상수)
java처럼 자료형을 다르게 표기하는 것이 아닌 var나 let 등으로 선언해줄 수 있다.
여기서 ECMAScript란 브라우저에서 동작하는 언어를 만들 때, 문법적인 사항들을 정리한 문서
입출력문과 변수 활용 예제
<script>
let name = prompt('이름을 입력하세요')
console.log('어서오세요!')
console.log(name + '님 환영합니다!')
</script>name변수에 prompt로 입력받은 데이터를 저장
console.log를 이용하여 name에 저장된 데이터 출력
결과 ↓
JavaScript의 자료형
null
-> 의도적으로 비어있는 상태
타입을 확인하면 object 형태
let num ; = undefined
undefined
-> 변수를 선언하고 값을 할당하지 않은 상태
타입을 확인하면 undefined 형태
let abc = 1;
abc = null; => null
number
var num1 =65;
var num2 =99.9
String
var name = 'wonju';
var fruit = '사과';
boolean
var isChecked = true;
var isPlaying = false;
JavaScript연산자
비교연산자
== 과 ===의 차이!
답은 순서대로!
true
false
-> 자료형 상관 없이 값만 동일하면 true 반환 5 == 5
false
true
-> 자료형과 값 둘다 일치해야 true 반환 5 === 5 or '5'==='5'
true
false
-> '5'를 문자열로 형변환 했기 때문에 5 === 5 가 성립한다
연산자 실습
