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에 가져다가 실행하는 방법