JavaScript 기본

JavaScript 개념

---

JavaScript는 사용자와 상호작용할 수 있는 웹 사이트를 만들기 위해 탄생한 기술이다.

html은 정적이다. 한번 화면에 출력되면 원래의 모습이 그대로 출력된다.

기본적으로 JavaScript는 html언어 위에서 동작하며, html을 제어하는 언어이다.

웹페이지를 동적으로 만들어준다.

사용자와 상호작용이란 사용자가 버튼, 입력 등의 기능을 통해 웹페이지가 반응하는 것을 말한다.

반응형 웹페이지라고도 한다.

JavaScript와 html의 가장 큰 차이이다.

예제

결과

예제의 결과로 볼 수 있듯이 html코드는 1 + 1을 그냥 1 + 1로 출력하는 반면에

javascript코드는 1 + 1을 2로 계산하여 출력되는 것을 볼 수 있다

---

html 태그

---

<script> </script>태그는 웹브라우저에게 html의 코드로 JavaScript가 시작된다고 알려주는 태그이다.

<input> </input> 태그를 통해 사용자에게 입력을 받을 수 잇다.

<input type = "형식" value = "값" onclick = " JavaScript 소스 코드"> </input> → input태그의 원형

type 속성은 속성 값으로 button, checkbox, text 등 여러 가지의 형식이 있고, 사용자에게 어떤 형식으로 입력받을지 정하는 속성이다.

value 속성은 속성 값으로 사용자에게 출력될 값이 들어가게 된다.

onclick 속성은 속성 값으로 JavaScript 코드를 작성해야한다.

해당 코드는 웹 브라우저에서 기억하고 있다가 해당 태그를 클릭하는 (이벤트)가 발생했을때 기억하고 있었던 코드를

JavaScript  문법에 따라 실행한다.

예제

웹 페이지

결과

해당 예제에서는 Hello world  버튼을 클릭할 시 결과와 같이 문자열을 출력해주는 동작을 하는 JavaScript  코드이다.

---