티스토리 뷰

공부와개발사이/JavaScript

자바스크립트 DAY-01

/daydreamer 2016. 7. 4. 13:10



자바스크립트를 책보고 따라한거슨 뭣도 아니였고,

입사해서 정신없이 검색하고 뭔지도 모르고 대충 알겠으면 가져다 쓰고 했는데..!


아 내가 알던.. 아 하나도몰랐지 암튼간 자바스크립트를 알아가고있다. 

뭔가 재미있는 느낌이 든다.



자바스크립트 ? 

: 동적으로 뭔가를 수행한다


console.log()

//콘솔(console)에 기록(log)을 남긴다.


document.documentElement.setAttribute('class' , 'this-is-html');

//document.documentElement.setAttribute(어떤 속성을? , 어떤 값을?);

//document 는 html 문서로 들어가는것

//documentElement 는 html의 루트요소 

//documentElement 처럼 소문자 그리고 대문자 이렇게 되는것을 낙타같다고 카멜케이스?라고한다(졸신기)



setTimeout(function(){console.log("일!")} , 3000);

//시간(Time)을 설정(set) 아웃(out)

//타임아웃을 설정한다. setTimeout(할일(기능,Function), 언제??)


setInterval(function(){console.log("일!")} , 1000);

//반복 (타임아웃은 한번, Interval은 계속적으로 반복)


setTimeout(function(){

    document.body.setAttribute('class' , 'this-is-body');

}, 2000);

//타임아웃을 설정한다. 

//document.body에 Attribute를 설정한다.(class에 this-is-body를 집어넣는다) 3000초 뒤에 설정한다.


document.querySelector('.display-message-a');

//querySelector

//.display-message-a라는 클래스를 가진 부분을 찾는다(?)




- html 실행 로직

<!DOCTYPE html>

: 표준몬드로 html을 해석해준다.

<html lang="ko-KR">

: 접근성 - 주언어 명시

<head>

: mata , title 요소가 들어감, 

&lt; : ?

script 를 만나면 script 파일을 다운받으며, 다운되기 전까지는 html은 해석을 하지 않고 화면이 그려지지 않아, body 요소를 가져오지 못한다.

- script를 body요소 아래에 놓는다. (빠름) 

head 안에 넣으면 document.body를 null로 가져오나

body 맨 아래에 넣으면 body를 인식



* 위에서 아래로 글자 내려오게 하는 코드의 javascript


저작자표시

'공부와개발사이 > JavaScript' 카테고리의 다른 글

[JS] Custom alert : sweetAlert 창  (0) 2022.04.22
[JS] clip board copy  (0) 2022.04.22
javascript json data 배열에 넣기  (0) 2022.03.24
자바스크립트 내장객체  (0) 2016.08.08
공유하기 링크
댓글