본문 바로가기

JavaScript3

현재 시간 출력하는 방법 const clockContainer = document.querySelector('.js-clock'), clockTitle = clockContainer.querySelector('h1'); console.log('clockContainer:', clockContainer); console.log('clockTitle:', clockTitle); function getTime() { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); clockTitle.innerText = `${hours < 10 ? `0${hours}` :ho.. 2021. 6. 20.
자바스크립트(JavaScript 기초) 자바스크립트란? 1. 웹브라우저에서 읽고 실행되는 언어 2. 보안성이 없음 3. html 내에 작성 └ 웹브라우저는 html을 읽고 해석하는 것 └ html을 지원해주는 언어 ( CSS 내부스타일, 외부스타일 / JS ) 4. 대소문자의 구분이 엄격하다 (aaa AAA 는 완전 다릅니다) 기초 지식 Tip #서버에서 사용되는 언어 PHP + ASP + JSP #클라이언트가 사용하는 언어 HTML + CSS + JS Data type (자료형, 값들의 종류) 자바스크립트 변수선언 : var / let / const 자바 & C언어 변수선언 : int(정수) / String (문자) Operator (연산자) : + / = ES6 / ECMA Script ≪ 상수 ≫ └ 값이 정해져있는 형식 1. 정수 (i.. 2021. 6. 19.
Java Script 입문 Console API : 브라우저가 제공하는 함수 F12 Console Tab : Java Script 실행 Sources Tab : 디버깅할 때 console 로그가 코드확인 가능 공부하기 좋은 공식 사이트 MDN Web Docs The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps. developer.mozilla.org Script 연결 방법 3가지 asyn : 브라우저가 html을 보여주다가 병렬로 다운받으면서 다운이 완료되면 실행시켜줌 장점 : 다운로드 시간 절약 단점 : 다운이 되었을 때 h.. 2021. 6. 17.