728x90
반응형
자바스크립트
-브라우저에 내장된 프로그래밍 언어
-클라이언트 측에서 여러가지 처리를 담당
-자바랑 아무 상관이 없다 , 인터넷선을 뽑아도 작동하며
-자바랑 관계는 김과 김치 같은 관계 .. 아무연관없음
-코드는 <script> 트가 사이에 작성
-.js라는 파일로 분리보관 가능
-함수형
언어
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title></head>
<script>
console.log("hello Javascript!")
</script>
<body>
<h1>Hello Javascript</h1>
</body>
</html>
자바엔 System.out.println이잇다면
자바스크립트엔 console.log가잇다. 화면에 표시되는건 아니고 개발자도구를 열어보면 보인다.
**자바스크립트의 데이터처리
-자바랑 비교하면서 이해하는 것이 필요
스크립트언어 vs 컴파일언어
-스크립트언어는 실시간 / 컴파일언어는 사전번역
-자바스크립트는 스크립트언어 / 자바는 컴파일언어
-자바스크립트는 자료형을 따로 구문하지 않는다
-자바처럼 int double 등과같은 자료형이 없다
-표시하지는 않지만 계산과 관련된 원칙은 자바랑같다
var a =10; //int a =10;
var b =3.14; // double b=3.14;
var c ="hello"; //String c ="hello"
var d=100
console.log(a);
console.log(b);
console.log(c);
console.log(d);
//자바스크립트도 안되는 계산은 안된다(자바를 기준으로 생각하면 쉽낟.)
console.log(a+c);
console.log(a*c); //안되는계산 (Nan: not a Number)
console.log(typeof 검사할변수);
자료형이 궁금하다면 typeof 명령어를 사용하여 자료형을 볼수잇다.
위코드 abc의 자료형을 검사해보면 아래처럼 나온다 (개발자도구에서 볼수있음)

<script>
//js의 조건은 자바와 동일하다
var number=123;
//number가 홀수인지 짝수인지 판정하여 출력
if(number%2==0){
console.log("짝수");
}else{
console.log("홀수");
}
</script>
<script>
//Js의 반복문(for,while등)은 자바의 반복문과 동일한 형태를 가진다
//ex 1부터 100까지 더해서 출력
var total=0;
for(var a=1 ; a<=100 ; a++){
total +=a;
}
console.log(total);
</script>
'[LANG] > - JavaScript' 카테고리의 다른 글
[JS]Default object (0) | 2022.06.02 |
---|---|
[JS]Default Event (0) | 2022.06.02 |
[JS] 정규표현식 regex (0) | 2022.06.02 |
[JS]입력값 제어 (0) | 2022.06.02 |
[JS]function 함수 event (0) | 2022.06.02 |
댓글