Javascript

[Javascript] 자바스크립트 개념

nang. 2020. 4. 7. 00:04
반응형
SMALL

Javascript

자바스크립트는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다.

1. 기본

  • Server Side가 작동하지 않아도 Client Side에서 작동

  • node.js

    • javascript는 웹에서 사용되는 언어이지만 javascript를 Server Side로 가지고 온 것이 node.js
  • ECMAScript

    • javascript의 조상
  • 자바스크립트의 코드 위치

<head>
    <script>

    </script>
</head>

2. 기본 함수

  • alert()
    • 경고 메시지 창
  • confirm()
    • 버튼 2개 있는 창
  • prompt()
    • 사용자 입력 받는 창

3. 비교 연산자

  • ===
    • 값도 같고 데이터 타입도 같아야 함
  • !==
    • 값도 다르고 데이터 타입도 달라야 함

4. 변수 타입

  • var

    • 일반 변수
    • 같은 변수명으로 중복 선언되어도 문제되지 않음
      • overwrite 의 큰 문제점이 있음
      • 그래서 최근에는 가급적 var 사용을 지양
  • let

    • 블록 안의 로컬 변수
    • 중복 선언 시 오류
      • 그래서 let 사용 지향
  • const

    • 상수 값 변수

5. 데이터 타입

  • 따로 지정을 하지 않음

    • ex) Stirng, int.. (X)
    • 함수 타입은 따로 있음
    var functionVar = function() {};
  • typeof <변수>

    • 데이터 타입 조사
    • 자바스크립트는 데이터 타입을 따로 안쓰기 때문에 조사가 필요한 경우가 있음
    let b = 10;
    let c = "10";
    console.log(typeof b);
    console.log(typeof c);

6. 기타

  • window.onload
    • 웹페이지가 로드된 뒤 이 부분을 실행하시오
    • 보통 코드 순서대로 <script>가 위에 있으면 먼저 실행시키고 아래에 있으면 나중에 실행시키는데 <script> 부분이 나중에 실행되어야 할 때 일단 웹페이지를 로드(<body>부분 먼저 로드) 시킨 뒤 이 부분을 실행시키게끔 해줌

**

  • 스크립트가 위에 있으면?
    • 스크립트 파일을 먼저 읽으니까 변수 선언에 따라 바디에 있는 값 못 읽어오는 경우 생김
    • 그래서 onload 걸어주는 거였는데 안걸꺼면 스크립트 파일을 바디 아래쪽에 위치시킨다.
반응형
LIST