본문 바로가기

자바 웹 개발자가 될거야/JSP

[JavaScript] 자바스크립트 특징 / 유의사항

< Javascript >

 

① 정의

 

- 웹페이지(HTML)에 사용자가 방문해서 동작을 수행할 때, 거기에 따른 페이지 반응을 처리하는 언어

 

② 특징

 

- 자바와 직접적인 관계는 없다. 다만 활용을 할뿐

  ( 마치 인도랑 인도네시아같은 ~ ) 원래 자바스크립트도 아니였는데 자바가 잘나가니까 이름 비슷하게 한것 

 

- 인터프린터 언어 ( ↔ 컴파일 언어 like 자바 )

 

  · 위에서 아래로 순차적으로 실행

  · 에러가 발생하기 전까지 실행, 에러 발생시 아래쪽 코드 실행 X

  · (인터프린터 언어 : 실시간 번역 / 컴파일 언어 : 고급언어를 저급언어로 변환, 한꺼번에 번역 )

 

- 클라이언트 스크립트 언어

 

  · 사용자의 컴퓨터에서 실행되는 언어 (프론트엔드)

 

- 객체기반의 언어

 

  · 객체(object)를 사용하는 언어

 

- 오픈소스

 

  · 공개된 언어

 

- 다양한 라이브러리 제공/API

 

  · 특정 기능을 모아놓은 것

  · 기능 (코드) 모으면 → 라이브러리/API 모으면 → 프레임워크

  · 'JQuery'

 

- HTML5 API(Application Programming Interface) 기반의 언어

 

- 서버 부하를 줄일 수 있다

 

- 동적인 사이트(페이지) 생성가능

 

- 기본적인 자바스크립트 이야기 하는 곳

 

https://ko.javascript.info/

 

모던 JavaScript 튜토리얼

 

ko.javascript.info

 

 

※ 어도비 플래시 - 움직이는 동작 처리

  · 스마트폰에서 지원 안함 대신 자바스크립트가 대체 그래서 예전에 사용했는데 지금은 거의 볼 수 없음 

 

- 자바스크립트는 <script> 태그로 head 안에도 쓸 수 있고 body 안에도 쓸 수 있음 (최신 트렌드는 body에 씀)

- 출력방법 : document.write(" " );

 

③ 유의사항

 

- 자바 스크립트는 대문자, 소문자를 구분한다.
- 문장의 끝에는 ; 을 사용해야한다.

- 한줄에 하나의 문장씩 표시
- " " or ' ' 자바스크립트는 동일하게 취급함.
  → " "A" " 쌍따옴표 안에 쌍따옴표 넣을 수 없음 대신, " 'A' " or ' " A " ' 가능
- {}, (), [] 는 항상 짝이 맞아야함.