자바스크립트
동적인 웹페이지를 만들기 위해서 가장 많이 사용되는 언어는 자바스크립트이다.
자바 스크립트는 1995년 동적인 웹 페이지를 만들기 위해서 네비게이터 웹브라우저를 만든
넷츠게이프사와 선마이크로 시스템사에서 공동으로 개발된 사용자 스크립트 언어이다.
자바스크립트는 자바 언어보다 훨씬 배우기 쉽고, 사용하기 쉽다.
특히 변수의 자료형을 선언할 필요가 없다. 변수에 저장되는 값에 의해서 자료형이 결정된다.
자바스크립트는 모든 명령어가 영문 대소문자를 구분한다.
자바와 자바스크립트의 차이점
자바
- 언어 종류 : 소스파일을 컴파일 하여 실행하는 컴파일 언어이다.
- 실행방식 : 자바 가상머신 위에서 실행
- 작성위치 : 별도의 소스파일에 작성
- 변수 선언 : 변수의 자료형을 미리 선언 해야함.
자바 스크립트
-
언어종류 : 브라우저가 소스 코드를 직접 해석하여 실행하는 스크립트 언어
-
실행방식 : 브라우저 위에서 실행
-
작성위치 : HTML 코드내에 삽입
-
변수선언 : 변수 자료형을 미리 선언하지 않음
자바 스크립트 주석문 기호
- 한줄 주석문 : //
- 한줄 이상 주석문 : /* */
자바와 같다.
자바스크립트 코드
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>javascript로 객체지향언어처럼 새로운 객체명과 속성을 정의</title>
<script type="text/javascript">
//자바스크립트는 대소문자를 구분한다.
var s="Hello world!";//자바와는 다르게 타입을 나누지 않는다.
var t="How are you "+" today?";//+는 문자열 연결 연산기호
document.write(s+"<hr>"+t+"<hr>");//자바 스크립트의 출력 명령어
var myCar={model:'BMW',color:"Red",hp :1000}; //myCar라는 새로운 객체명을 생성하고
// 이객체의 속성으로 model,color,hp를 정의
document.write(myCar.model+","+myCar.color+","+myCar.hp);//객체명.속성으로
// 접근한다.
</script>
</head>
<body>
</body>
</html>자바 스크립트의 산술 연산자
- + : 더하기
- - : 빼기
- * : 곱하기
- / : 나누기(자바와는 다르게 정수를 나누면 몫과 나머지를 구한다.
- % : 나머지
- 자바에서 문자열+숫자는 문자를 우선해서 숫자가 문자로 변경된다.
따라서 문자+문자가 되어 서로 연결한다.
자바스크립트 증감 연산자
자바와 똑같이 후행 증가, 선행 증가가 있다. 후행증가는 변수에 값이 저장된 뒤에 증가/감소가 되는것이고 , 선행 증가는 먼저 증가/감소를 한 값이 변수에 저장된다.
- 사용법
선행증가 : ++b;
후행증가 : b++;input=window.prompt("정수를 입력하시오.","정수숫자로 입력");//prompt()내장함수는 안내메시지 //를 가지고 입력필드가 있는 창을 만들어준다. 확인을 클릭하면 입력필드에 입력한 값을 반환하고 취소를 클릭하면 //null을 반환한다. window.은 생략가능하다.
DevOps 전향을 준비 중인 인프라 지향형 주니어 개발자