Language/JavaScript 3

HTML과 자바스크립트의 차이

HTML은 웹페이지를 묘사하는 목적의 언어이기 때문에 시간의 순서에 따라 무엇을 할 필요가 없다. 따라서 시간에 순서에 따라 실행되는 기능이 없다. 하지만 자바스크립트는 다르다. 자바스크립트는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이고 그러기 위해서는 시간에 순서에 따라서 웹브라우저의 여러 기능이 실행되어야 하기 때문에 프로그래밍이라는 형태를 띄고 있다. 이런 점이 HTML과 자바스크립트를 다르게 하는 중요한 특징이다. 출처 : 생활코딩 유투브 www.youtube.com/watch?v=p71PrgY0bbM&t=278s

Language/JavaScript 2021.05.05

제어할 태그 선택하기(웹에서 주/야간 모드 만들기)

document.querySelector(selectors); : CSS 선택자로 요소를 선택하게 해준다. 주의할 점은 선택자에 해당하는 첫번째 요소만 선택한다는 것이다. developer.mozilla.org/ko/docs/Web/API/Document/querySelector Document.querySelector() - Web API | MDN Document.querySelector() Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환합니다. 일치하는 요소가 없으면 null을 반환합니다. 참고: 탐색은 깊이우선depth developer.mozilla.org document.getElementById(id).style..

Language/JavaScript 2021.05.05

script 태그, 이벤트, 콘솔

01) script 태그 ✔︎ 자바스크립트는 태그 내용으로 작성된다. ✔︎ 자바스크립트는 동적이다. html은 정적이기 때문에 1+1은 영원히 1+1이지만, 자바스크립트에 넣어준다면 1+1을 계산하여 보여준다. JavaScript html 1+1 document.write() : 웹페이지에 글씨 출력할 때 02) 이벤트 웹브라우저 위에서 일어나는 일들을 이벤트라고 한다. 이벤트는 사용자와 상호작용하는데 핵심 작용을 한다. 예) onclick 속성 : 값으로 반드시 자바스크립트가 와야 한다. onclick의 js 코드를 기억하고 있다가 onclick이 실행됐을 때 js값도 실행된다. 웹브라우저에서 일어날 수 있는 이벤트들은 어떤것이 있을까? 웹브라우저 위에서 일어나는 여러 가지 사건들 중에 기념할만한 몇 ..

Language/JavaScript 2021.04.30