*Javascript*

[javascript] javascript

깐부로부터 2021. 12. 9. 21:56
1. 스크립트 언어란?

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

 

2. 자바스크립트란?

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

- 자바 : 컴파일 방식 => 컴파일 단계를 거치고 나서 실행되는 개념 => 오류잡기 수월
- 자바스크립트 : 인터프리터 방식 = > 컴파일 단계를 거치지 않고 곧바로 실행되는 개념 
(브라우저에서 html문서가 로딩될 때 코드를 한줄 씩 읽어내는 방식)

 

 

* 자바는 컴파일 + 인터프리터 방식

- 소스코드를 한번 다 읽어내고나서 프로그램이 컴파일 후 실행되므로

코드상의 문법적인 오류가 있으면 바로 빨간줄로 알려준다.

 

* 인터프리터 방식

- 실행되면서 소스코드를 한줄씩 읽어내면서 바로 실행

(실시간으로 텍스트를 분석해서 실행됨)

- 코드상에 문법적인 문제가 있다면 바로 알려주지 않고 실행시점에서 알려줌

- 자바에 비해서 오류찾기가 힘들 수 있다.

 

3. 장단점

- 장점
1. 요소에 이벤트가 발생했을 때 코드를 한줄 씩 읽어나가면서 수행되기 때문에 수행속도가 빠름
2. 간단한 코드 작성으로 초보자가 접하기 쉬운 언어(단순한 구조, 원칙)
예) 접근제한자의 개념 X, 메소드 정의 시 반환형 정의 X, 변수 선언 시 자료형을 지정할 필요X (타입 추론)

- 단점
1. 에 특화된 기술 => 내부에서 제공되는 기술이 제한적
2. HTML 내에 소스코드를 작성하기 때문에 외부에 공개됨(개발자 도구 이용) => 보안에 취약

 

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

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

 

 

 

inline(인라인) 방식

태그 내의 직접적으로 실행할 간단한 소스코드를 작성해서 실행 시킴

주로 실행해야 하는 소스코드가 매우 소량일 경우 사용

window.alert()메소드를 이용한 알림창
console.log() 메소드를 이용하면 F12 개발자도구 콘솔창에 내가 입력한 텍스트가 뜨는 것을 볼 수 있다.

 

internal(내부) 방식

script 태그 영역에 함수단위로 소스코드들을 작성해놓고

어떤 요소에 어떤 이벤트 발생 시 해당 그 함수를 호출함으로써 실행시키는 방식

=> script 태그는 head, body 태그 내에 다 작성 가능

 

 

external(외부) 방식

별도의 .js파일로 소스코드를 작성하고 해당 html문서에 가져다가 실행하는 방법

외부 폴더에 이렇게 실행시킬 메소드가 담긴 함수 파일을 만든다.
<head>단에 외부에 있는 .js 파일 url로 연결시켜준다.

 

'*Javascript*' 카테고리의 다른 글

[javascript] 배열  (0) 2021.12.16
[javascript] 문자열과 숫자  (0) 2021.12.15
[javascript] 변수와 자료형  (0) 2021.12.11
[javascript] 요소가져오기 (접근하기)  (0) 2021.12.10
[javascript] 데이터 입/출력  (0) 2021.12.09