1. Javascript (언어) → HTML을 동적으로 관리 (html 이벤트 처리)
Java -> JVM 으로 돌림 Javascript -> Browser 로 돌림 (* html를 동적으로 관리함, html 파일 필요 내부적으로 html 코드를 열면서 (html 실행될 때) 안에 삽입된 javascript가 실행됨) - 웹 브라우저에서 동작하는 스크립트 언어 HTML, CSS와 함께 웹 프로그래밍을 할 수 있도록 고안 - 클라이언트 측에서 실행되는 스크립트 언어로, 웹 페이지를 동적으로 만들고, 사용자와 상호 작용하는 기능을 구현 - AJAX를 이용하여 서버와 비동기적으로 데이터를 주고 받는 기능을 구현 스레드가 하나밖에 없으니까 중요함 부분만 리로드 가능 → 통신이 효율적
html이 꼭 필요하다!
스크립트 (대본) / 액터 (배우-HTML)
JS는 인터프린트 언어다. (하나씩 실행) → 값이 들어가면서 결정된다.
스크립트라고 되어 있는 애들 → 기생 언어
* 자기 혼자 독립적으로 실행될 수 없고, 무언가의 도움을 받아야 실행이 됨
* HTML이 있어야 JS가 실행 됨
[ v8 엔진 ]
V8 엔진 (브라우저에 내장된 엔진. 크롬에는 v8이 있는데, 이걸 떼어내서 만든 것.) 브라우저 바깥에서 자바 스크립트 코드를 실행할 수 있다. 자바 스크립트로 모든 걸 개발하기 위해서 V8을 떼어냈다. (대표 : Node.js -> 기생 언어가 아님!) 원래는 자바 스크립트 - 브라우저 - OS인데 이제는 자바 스크립트 - Node.js - OS가 됨 (자바는 -> 자바 - JVM - OS) 자바 스크립트로 모든걸 다 만들 수 있다! 앱도 게임도 서버도... 정말 모든걸... 단지... jpa같은 라이브러리가 없기 때문에 직접 다 짜야해서 불편함.
우리가 JS를 배우는 이유 : HTML 제어하기 위함 (그림 클릭하면 이동하는 등)
JS는 단일 스레드 → JS는 단일스레든데 어떻게 동시에 작업 수행을 할 수 있지?
→ 비동기적인 실행을 통해 여러 작업을 동시에 처리할 수 있는 것처럼 보임
JS Async : 비동기 JS HTML DOM : html의 태그를 다루는 기술 sql : 질의어 → DB 조작어
[ w3school에서 실습! ] - 하나씩 해보기
//w3school. Async → 비동기 (한 번에 하나의 코드만 실행 가능)
DOM = 태그 (슬라이딩, 이벤트 애니메이션 등. 우리는 DOM을 제어하는 걸 배울 것) 특정 요소의 내용을 바꾸거나 스타일을 조정하거나 클릭 이벤트를 처리하는 등의 작업을 할 수 있다 DOM을 사용하면 JavaScript를 통해 웹 페이지를 동적으로 조작할 수 있다.
Async와 DOM이 중요
id = 자바 스크립트에서 찾기 위해 사용하는 식별자 document = 브라우저 getElementById = id를 get 찾는다 p = 글자 넣는 태그 onclick = 버튼이 클릭되었을 때 실행될 JavaScript 코드를 지정 innerHTML = 그 안에 값을 = 이하로 바꾸겠다.
Click Me를 누르면 Hello JavaScript로 바뀔 것이다
이런 걸 배울 것
Share article