[J] JavaScript & jQuery 공부하기 #1

경기도 일자리 재단에서 수업을 배웠고 자료를 참고하여 공부를 해보았다.

 

  1. JavaScript :
  - 클라이언트 화면을 동적으로 구성할 수 있는 언어로 넷스케이프사에서 개발하였다
  - 브라우저에서 주로 실행되었다
  - 원래 이름은 모카로 개발되었으나 live - script로 변경된 후
    sun사의 승인을 얻어 javascript로 변경되었다
  - 컴파일을 하지 않고 바로 실행 가능한 스크립트 언어

    

    < script>
      document.write("Hello JavaScript")
      alert("Hello Jvascript")
    </ script>

 

  2. JavaScript 작성 방법 :
  - HTML 페이지 내에 script 태그를 사용해서 javascript 코드 삽입
  * script 태그는 html 문서의 head 영역에 작성해도 되고
    body 영역에 작성해도 된다
  * head 영역에 scipt가 작성되면 html 본문이 로딩되기 전에
    javascript가 실행되고, body 영역에 script가 작성되면
    html 본문이 로딩되면서 javascript가 실행된다.

 

< input type = "button" value = "자바스크립트 확인" onclick="alert('HTML 태그 안에서 자바스크립트 사용')" >

  

    < script type="text/javascript">
      alert("1 go")
      alert("2 go")
      alert("3 go")

      alert("1 go");alert("2 go");alert("3 go")
    </ script>

 

  3. JavaScript 기본 규칙 :
  - 변수 : 프로그램에서 사용하는 특정 값을 저장해 놓는 영역
   * JavaScript 변수 선언 시 var을 사용 할수도 있고 생략할 수도 있다.
   * ECMAScript5부터 적용되는 strict mode에서는 반드시 var을 사용해야한다
   * 지역변수를 선언할 때는 let을 사용한다
   * 상수를 선언할 때는 const를 사용한다
    : 상수는 값이 한번 정해지면 변경될 수 없다
  - 변수 사용 시 주의점
   * 선언되지 않은 변수 사용 시 referenceError가 발생한다
   * 선언은 되었지만 값이 초기화 되지 않으면 undefined 값이 할당된다
   * JavaScript의 키워드는 이미 쓰임이 정해진 단어들이므로 변수명으로 사용될 수 없다
   * JavaScript는 변수의 대소문자를 구분한다
   * undefined 값은 연산 시 NaN으로 판단, null 값은 0으로 판단
   * boolean 타입의 데이터로는 false로 판단된다

 

   < script type="text/javascript">
     var midExam = 90;
     var finalExam = 80;
     var reprt = 90;
     var attendance = 100;

     var score = (midExam + fanalExam) / 2 * 0.6 + reprt * 0.2 + attendance * 0.2;
     document.write("성적 =" + score);
   </ script>