1.
웹이 처음 세상에 등장했을 때는, 단 하나의 기술만이 존재 했다.
바로 HTML 이다.
하지만, HTML은 정적인 태그 언어 이다.
이게 무슨 의미일까 ?
한번 화면에 출력되면 언제나 그 모습 그대로 라는 의미 이다.
2.
우리가 알고 있는 것중에, 동적인것들은 무엇이 있을까 ?
게임을 예로 들면, 사용자의 조작에 반응해서 프로그램이 움직인다.
3.
사람들은 웹 페이지도 게임 처럼 동적으로 사용자와 상호작용 하기를 원했는데,
그래서 태어난 기술이 자바스크립트 이다.
4.
자바스크립트 (JavaScript)
웹은 HTML을 이용해서 웹 페이지를 우선 만들고,
그렇게 만들어진 웹 페이지를 자바스크립트를 이용해서,
사용자와 상호작용 할 수 있게 기능을 추가 한다.
5.
즉, 자바스크립트 (JavaScript) 가 추가 됨으로써,
웹 페이지는 HTML의 정보 + 자바스크립트의 기능
을 모두 갖춘 시스템으로 성장 했다.
6.
수많은 웹 사이트들이 프로그램 처럼, 사용자와 상호작용 한다.
검색 엔진이 그 예시 이다.
검색창에 원하는 내용을 입력 하면, 검색이 된다.
이것은 웹만이 가진 독창적인 특성 이라고 할 수 있다.
7.
웹 사이트는 보통 하얀색 화면 이다.
그래서 어둡게 보기 등의 버튼을 클릭 하면, 웹 페이지가 어두운 색상으로 변경 된다.
예시)
이 상태에서 다시 라이트 모드를 누르면, 원래 대로 돌아 온다.
즉, 야간 모드와 주간 모드를 버튼을 통해 바꾸는 기능 이다.
바로 이것이 자바스크립트가 할 수 있는 아주 중요한 특성 이다.
>>
사용자와 상호 작용.
8.
웹 페이지는 한 번 화면에 출력 되면 자기 자신을 바꾸는 능력이 없다.
그것을 가능 하게 해주는 것이 자바스크립트 이다.
'생활코딩 HTML + CSS + 자바스크립트 > 자바스크립트 이론' 카테고리의 다른 글
06 데이터 타입 - 문자열과 숫자 (0) | 2023.07.10 |
---|---|
05 HTML과 JS의 만남 : 콘솔 (0) | 2023.07.02 |
04 HTML과 JS의 만남 : 이벤트 (0) | 2023.07.02 |
03 HTML과 JS의 만남 : <script> 태그 (0) | 2023.07.02 |
01 수업 소개 ~ 02 수업의 목적 _ 2 (0) | 2023.07.01 |