profile Archive Of Records keep studying

JavaScript 기초

Sep 1, 2020 » JavaScript

자바스크립트

  • 컴퓨터 언어이자 웹 문서를 동적으로 제어하기 위해 고안된 컴퓨터 프로그래밍 언어
    • 프로그램: 어원에 순서라는 의미 내포함
    • 프로그래밍: 순서를 만드는 일
    • 프로그래머: 순서를 만드는 사람
  • 사용자와 상호 작용하기 위해 만들어짐
    • 웹사이트 ▶ HTML과 CSS를 이용해서 웹사이트를 만든 후, 그 웹사이트에 자바스크립트를 이용해서 사용자와 상호 작용할 수 있도록 기능을 추가함으로 HTML의 정보, 자바스크립트의 기능을 모두 갖춘 유일무이한 시스템으로 성장함



특징

  • 프로그램을 한 줄마다 기계어로 번역해서 실행하는 인터프리터 언어
  • 처리와 관련된 데이터와 절차를 하나로 묶어 객체 단위로 관리하는 객체 지향 언어
    • 동적 프로토타입 기반
  • 프로그램을 함수로 조합하여 구현하는 함수형 언어
  • 프로그램을 실행하는 도중에 변수에 저장되는 데이터 타입이 동적으로 바뀔 수 있는 동적 타입 언어
  • 일급 객체 함수: 함수가 객체, 함수에 함수를 인수로 넘기기 가능
  • 클로저를 정의
  • CSS보다 우선 순위 높음



역할

  • 요소의 추가 및 삭제
  • HTML 및 CSS 요소의 스타일 변경
  • 사용자와의 상호 작용
    • 마우스와 키보드 이벤트에 대한 스크립트 실행
  • 폼의 유효성 검증
  • 웹 브라우저 제어 및 쿠키 등의 설정과 조회
  • AJAX 기술을 이용한 웹 서버와의 통신



프로그램 작성 방법 및 주의 사항

  1. 유니코드 문자로 작성
  2. 알파벳 대문자와 소문자를 구분하여 작성
  3. 프로그램을 구성하는 최소 단위인 토큰과 토큰 사이에는 공백 문자를 입력하여 구분
  4. 문장은 세미콜론(;)으로 구분
    • 문장의 끝에는 반드시 세미콜론 입력
  5. 복합문 끝에는 세미콜론 붙이지 않음
    • 복합문: 문장 여러 개를 중괄호({})로 감싼 코드
  6. 빈 문장은 세미콜론으로 작성
  7. 큰 따옴표(““)와 작은 따옴표(‘’) 구분하여 작성
  8. 작성자와 다른 사람이 이해하기 쉽게 적재적소에 주석 포함

    • 어떤 코드를 일시적으로 동작하지 않도록 할 때도 주석 사용

    • // : 한 문장일 때

    • /* */ : 여러 문장일 때



자바스크립트 포함 방법

  1. HTML 문서 내부에 코드 직접 작성
    • 1-1. 순수 자바스크립트 실행 시 body 요소에 배치
    • 1-2. 자바스크립트로 HTML과 CSS 제어 시 head의 자식 요소로 배치
    
     <head>
         <meta charset="utf-8">
         <meta http-equiv="X-UA-Compatible" content="IE=edge">
         <title>자바스크립트 포함 방법 1</title>
         <script>
             // 1-2 방법 시 이곳에 작성
         </script>
     </head>

     <body>
         <script>
             // 1-1 방법 시 이곳에 작성
         </script>
     </body>
  2. 자바스크립트 파일을 별도로 작성한 후 HTML 문서에 참조
    • 외부 자바스크립트 파일은 HTML 문서에 하나 이상 참조 가능
  3. 1번과 2번 방법을 혼합하여 사용