본문 바로가기
생활코딩 HTML + CSS + 자바스크립트/자바스크립트 이론

01 수업 소개 ~ 02 수업의 목적

by Hwanii_ 2023. 7. 1.
728x90

1.

웹이 처음 세상에 등장했을 때는, 단 하나의 기술만이 존재 했다.

바로 HTML 이다.

 

하지만, HTML은 정적인 태그 언어 이다.

 

이게 무슨 의미일까 ?

 

한번 화면에 출력되면 언제나 그 모습 그대로 라는 의미 이다.

 

2.

우리가 알고 있는 것중에, 동적인것들은 무엇이 있을까 ?

 

게임을 예로 들면, 사용자의 조작에 반응해서 프로그램이 움직인다.

 

3.

사람들은 웹 페이지도 게임 처럼 동적으로 사용자와 상호작용 하기를 원했는데,

그래서 태어난 기술이 자바스크립트 이다.

 

4.

자바스크립트 (JavaScript)

 

웹은 HTML을 이용해서 웹 페이지를 우선 만들고,

그렇게 만들어진 웹 페이지를 자바스크립트를 이용해서,

사용자와 상호작용 할 수 있게 기능을 추가 한다.

 

5.

즉, 자바스크립트 (JavaScript) 가 추가 됨으로써,

 

웹 페이지는 HTML의 정보 + 자바스크립트의 기능

을 모두 갖춘 시스템으로 성장 했다.

 

6.

수많은 웹 사이트들이 프로그램 처럼, 사용자와 상호작용 한다.

 

검색 엔진이 그 예시 이다.

 

검색창에 원하는 내용을 입력 하면, 검색이 된다.

 

이것은 웹만이 가진 독창적인 특성 이라고 할 수 있다.

 

 

 

 

 

7.

웹 사이트는 보통 하얀색 화면 이다.

그래서 어둡게 보기 등의 버튼을 클릭 하면, 웹 페이지가 어두운 색상으로 변경 된다.

 

예시)

 

 

 

 

이 상태에서 다시 라이트 모드를 누르면, 원래 대로 돌아 온다.

 

즉, 야간 모드와 주간 모드를 버튼을 통해 바꾸는 기능 이다.

 

바로 이것이 자바스크립트가 할 수 있는 아주 중요한 특성 이다.

 

>>

 

사용자와 상호 작용.

 

8.

웹 페이지는 한 번 화면에 출력 되면 자기 자신을 바꾸는 능력이 없다.

 

그것을 가능 하게 해주는 것이 자바스크립트 이다.

 

 

반응형