01_Java_script

imyour_juu·2022년 5월 11일
0
post-thumbnail

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 가 성립한다

연산자 실습

0개의 댓글