Front/Js

JavaScript(개요)

devel0per 2022. 9. 19. 15:06

웹의 3요소

  • HTML : 웹문서의 큰 틀(뼈대)
  • CSS: 스타일(색상, 테두리, 디자인 등)
  • JavaScript: 웹 문서 상에 이벤트가 발생했을 때 실행할 동작들 처리(동적인 효과)

자바스크립트 개요

1. 스크립트 언어란?

프로그램 동작을 사용자의 요구에 맞게 수행하는 용도, 매우 빠르게 배우고 짧은 소스코드로 상호작용 되도록 고안되었다.

 

2. 자바스크립트란?

웹 브라우저에서 가장 많이, 가장 기본적으로 사용되는 "인터프리터 방식"의 스크립트 언어

- java : 컴파일 방식 -> 컴파일 과정을 거치고 실행된다

- javascript : 인터프리터 방식 -> 컴파일을 거치지 않고 곧바로 실행이 된다(브라우저에 html 문서가 로딩될때 코드를 한줄씩 읽어내는 방식)

 

3. 자바스크립트(인터프리터 방식)의 장단점

장점

  • 요소에 이벤트가 발생했을 때 코드를 한줄씩 읽어 나가면서 수행되기 때문에 수행속도가 빠름
  • 간단한 코드 작성으로 초보자가 접하기 쉬운 언어(단순한 구조와 원칙)

단점

  • 웹에 특화된 기술 -> 내부에서 제공되는 기능이 제한적이다.
  • HTML 내에 소스코드를 작성하게되면 외부에 공개되어 보안에 취약하다.

4. 자바스크립트 소스코드 작성 위치에 따른 종류

  • inline(인라인) : 이벤트를 부여하고자 하는 요소 내에 간단한 소스코드를 작성해서 실행.
  • internal(내부) : 해당 html 문서 내에 script태그 내에 소스코드를 작성해서 실행
  • external(외부) : 소스코드들을 별도의 .js파일로 만들어놓고 가져다가 사용하는 방법

1) inline 인라인 방식 : 태그 내에 직접적으로 실행할 간단한 소스코드를 작성해서 실행시킨다. 주로 실행할 코드가 적을 경우 사용한다.

2) internal 내부 방식 : script 태그 영역에 함수단위로 소스코드를 작성해놓고 어떤 요소에 어떤 이벤트 발생시 해당 함수를 호출함으로써 실행시키는 방식 

3) external 외부 방식 : 별도의 .js 파일로 소스코드를 작성하고 해당 html에 가져다가 실행하는 방법