JavaScript 1. Basic

zhyun·2020년 9월 21일
0

html

목록 보기
8/21

1.자바스크립트 특징

★인터프리트 언어-컴파일 과정을 거치지 않고 바로 실행시킬 수 있는 언어
★ 동적 타이핑(dynamic typing)
: 변수의 자료형을 선언하지않고도 변수를 사용할 수 있음
함수형 프로그래밍 지원
★ 프로토타입-기반 ->> 상속 가능

2.자바스크립트의 용도

★ 이벤트에 반응하는 동작 구현
★ AJAX
★ HTML 요소들의 크기나 색상을 동적으로 변경 가능
★ 게임과 애니메이션과 같은 상호 대화적인 콘텐츠 구현
★ 사용자가 입력한 값들을 검증하는 작업 -> 자바스크립트를 이용

3. 자바스크립트의 위치

확장자 : .js

  • 내부 자바스크립트
  • 외부 자바스크립트
    : 장점
    => HTML과 코드를 분리
    => HTML과 JavaScript 유지보수에 용이하며 가독성이 높아짐
    => 페이지 로드 속도가 빨라짐
  • 인라인 자바스크립트

4. 자바스크립트의 출력 및 문장

★ 출력 방법

  • innerHTML() : 화면에 표시되는 데이터 변경 시 용이
  • document.write() : 테스트 용도로 사용
  • window.alert() : window생략 가능. 경고 상자
  • console.log() : 디버깅 시 사용

5. 자바스크립트의 구문 및 주석

★ 구문(syntax) - JavaScript 구조, 문법의미

  • syntax 유형 : 고정값(숫자,문자),변수값
  • 문자는 ("")나 ('')로 감싸서 표현
  • 변수는 var 키워드를 사용하여 선언

★ 식별자는 숫자로 시작할 수 없으며, 대소문자 구분함
★ // 단일문장 주석
★ /**/

많은 JavaScript HTML 메서드 중 하나는
getElementById(), getElementsBynames()

https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_inner_html
https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_lightbulb

6. 자바스크립트의 변수

★ 변수
★ 변수 명명 규칙

  • 변수 이름은 문자로 시작(숫자로 시작하면 안됨)

★ 변수 유형

  • 수치형
  • 문자열
  • 부울형
  • 배열
  • 객체형
  • typeof 연산자를 이용해서 JavaScript 변수의 유형을 찾을 수 있음
  • Undefined : 변수 선언은 되었으나 값이 정해지지 않은 상태

7. 연산자

  • 산술연산자
    : x=5**2 는 Math.pow(5,2)와 동일
  • 대입연산자
  • 문자열에서의
  • 비교연산자
    : 논리문장에서 값들을 비교하는 용도로 사용
  • 논리연산자
  • 조건연산자
    : maxValue=(x>y)?x:y;

객체형

  • 객체(object)는 사물의 속성과 동작을 묶어서 표현하는 기법
  • 객체를 만들어서 사용

배열

  • 배열 생성 방법

1) 리터럴로 배열 생성

2)Array객체로 배열 생성

함수만들기

1) function printScreen(){}

  • 함수의 호출

인수와 매개변수

무명함수

함수의 반환값

지역변수

전역변수

profile
HI :)

0개의 댓글