본문 바로가기

Software/JavaScript & JQuery

[JavaScript] - JavaScript 와 DOM과의 관계

공부하기 좋은 웹 사이트

http://jsfiddle.net/
http://jquery.com/
http://www.w3schools.com/



Q. <script> 태그 내부에 있는 것은 전부 자바스크립트 인가?

꼭 그렇지는 않다. <script>태그의 역할은 브라우저에게 앞으로 스크립트 언어를 사용할 것이라고 알려주는 것이지, 그것이 꼭 자바스크립트여야 한다는 것은 아니다.

type="text/javascript" <-- 자바스크립트를 사용하겠다!! 라고 브라우저에게 말하다.

다른 스크립트 언어도 사용가능.

마이크로소프트 사는 Visual Basic 버전의 스크립트 언어인 VBScript와 Ajax 특성을 가진 ASP.NET
AJAX를 출시했다.



Q. <script>엘리먼트는 HTML 페이지에 있는 <head> 부분에 와야 하는가?

<script> 엘리먼트들을 웹 페이지 어디에 두어도 상관 없긴 하지만, 일반적으로 아무 데나 위치시키는 것은 웹 페이지 중간에 CSS를 넣는 것처럼 나쁜 습관을 들일 수 있다. 일반적으로 자바스크립트를 분리하는 것이 훨씬 바람직하며, 페이지에 있는 <head> 태그 내부가 자바스크립트가 위치하기에는 최적의 장소이다.

웹 브라우저는 HTML을 처리하고 보여주는 역할을 한다.

그리고 CSS는 브라우저에게 HTML의 다른 일부분으로서 이들을 어떻게 표현할 것인지를 알려준다.

브라우저에게 말해줄 수 있는 또 다른 한 가지 방법인 자바스크립트는 ......
무엇인가를 표현하는 방법(HTML이나 CSS 같은)을 브라우저에게 말해주는 대신...
브라우저가 따라야 할 몇 가지 명령어들을 제시한다.!!!!

=================================================================

웹 브라우저을 열고, URL 입력 -> 웹 서버는 해당 URL을 반환하기 위해 어떤 웹 페이지가 필요한지 찾아냄. -> 서버는 HTML 태그들, CSS 규칙들, 그리고 자바스크립트가 포함된 페이지를 우리들의
브라우저에게 전송시킨다. -> 브라우저는 웹 페이지에 있는 모든 CSS 규칙들을 사용하여 HTML을 보여준다. -> 그리고 브라우저는 <script>태그 내부에 있는 임의의 자바스크립트가 어떻게 동작하는지 알고 있으므로, 웹 페이지가 상호작용을 할 수 있도록 한다.

=================================================================

Q. 웹 브라우저는 자바스크립트 코드를 어떻게 처리하는가?

웹 브라우저 내부에는 자바스크립트 인터프리터라 불리는 특수한 소프트웨어가 탑재되어 있으며, 이것의 역할은 페이지 내부에 있는 자바스크립트 코드를 실행하는것이다.
이러한 이유로 인해컴파일 언어와는 달리 왜 자바스크립트가 인터프리터 언어로 불리는지 들어봤을 것이다. C++나 C#과 같은 컴파일 언어는 컴파일러라 불리는 툴에 의해 실행 프로그램 파일로 변환되어야 한다. 하지만 자바스크립트 코드는 브라우저에 의해 직접 해석되기 때문에 자바스크립트 프로그램은 컴파일될 필요가 없다.



Q. 어떻게 하면 자바스크립트 코드를 실행하기 시작하라고 웹 페이지에게 알려줄 수 있을까?

대부분의 자바스크립트 코드는 페이지가 로딩되거나 사용자가 버튼틀 클릭하는 것과 같은 특정한 일이 발생했을 대 수행된다. "이벤트"로 알려진 자바스크립트의 메커니즘은 페이지에 어떤 흥미 있는 일이 발생했을 때 일련의 자바스크립트 코드가 수행되도록 한다.


Q. 웹의 보안 문제를 고려해 볼 때, 자바스크립트는 안전하다고 할 수 있는가?

그렇다. 대부분의 경우는 안전하다고 할 수 있다. 자바스크립트는 처음부터 문제를 일으키는 악의적인 코드를 방지하기위해 설계되었다. 예를 들면, 자바스크립트는 사용자의 하드 디스크에 있는 파일들을 읽거나 쓸 수 없다. 이러한 제한은 많은 바이러스나 악성 코드의 잠재적 위험성을 제거한다.
물론, 이러한 제한들이 웹 페이지를 사용하는 데 있어 골치거리가 되는 버그가 많은 자바스크립트 코드를 작성하지 못한다는 것을 의미하는 것은 아니며, 단지 자바스크립트로 인해 사용자들을 아주 심각한 위험에 바지게 하지는 않는다는 의미이다.


Q. <script> 태그는 HTML인가? 자바스크립트 인가?

<script> 자체는 HTML이며, 그 목적은 HTML 코드와 함께 스크립트를 함께 융합하는 방법을 제공하는 것이다. <script> 태그 내부에 나타는 코드가 자바스크립트 코드 이며, <script> 태그는 여러 개의 스크립트 언어를 지원할 목적으로 설계되었으므로, 이 태그의 type 속성을 이용하여 사용하고자 하는 스크립트 언어가 자바스크립트 코드라고 명시할 수 있다.

반응형

'Software > JavaScript & JQuery' 카테고리의 다른 글

[jQuery] - jQuery Mobile  (0) 2012.01.18
[DOM] - Div 와 Span  (0) 2012.01.11
[jQuery] - Study(2) Link  (0) 2011.12.29
[jQuery] - Study(1) Link  (0) 2011.12.29
[JavaScript] - JavaScript???(개요)  (0) 2011.09.19