하늘 보면서 살자구요

DOM Document Objects Model 이라 불리는 문서 객체 모델이란, HTML의 요소인 head, body, div 등의 문서 객체를 조합해서 만든 전체적인 형태를 말합니다. 즉, HTML의 요소를 자바스크립트에서 조작하고 활용할 수 있습니다. 문서 객체를 조작할 때는 특별히 DOMContentLoaded 이벤트를 사용할 수 있습니다. HTML 페이지는 코드를 위에서 아래로 실행하는데 이 이벤트는 해당 페이지를 모두 읽고 나서 실행시키는 이벤트입니다. 즉, html 문서 안에 script가 어디에 존재하여도 결과는 동일하게 페이지가 등장한다는 것입니다!! 즉, 자바스크립트를 통해 HTML 각 요소에 접근할 수 있습니다. head, body, title 등 HTML 요소에 대해서는 docume..

객체 객체(object)란, 이름(키)과 값으로 구성된 '속성'을 가진 기본 데이터 타입이다. 함수, 배열 등이 객체에 해당한다. 객체의 형태는 파이썬의 딕셔너리와 유사하다. 키와 값의 묶음으로 정의되기 때문이다. 객체는 속성으로 구성되어 있는데 속성 중 함수는 특별히 '메소드'라고 부른다. 메소드 내에서 자기 자신의 속성을 출력하고 싶을 때는 this.키 로 해당 속성에 접근할 수 있다. 객체에서 값을 불러올 때는 객체[키] 혹은 객체.키 로 요소에 접근할 수 있다. 객체의 속성을 제거할 때는 다음 키워드를 이용한다. delete 객체.속성 자료형은 객체와 객체가 아닌 것으로 나눌 수 있다. 그러한 자료형은 기본 자료형으로 숫자, 문자열, 불 등이 있다. 자료형 변환 함수(Number, String, ..

어쩌다보니 혼공js 책을 얻었는데 책도 있는 김에 오랜만에 혼공단 10기를 시작했다. 역시 시작은 Hello World부터 띄워야지 자바스크립트란? HTML과 CSS로 이루어진 웹사이트에 자바스크립트의 등장으로 '기능'이 부여됐다. 정적인 웹 화면을 동적으로 만들거나 이벤트 처리가 가능해졌다. 이후 자바스크립트로 서버 사이드도 일부 처리 가능하게 되고 웹앱 같은 어플리케이션도 동일한 기능을 위해 새로운 언어를 사용할 필요성이 적어졌다. 기본적으로 html 코드 사이에 태그로서 동작한다. 웹의 개발자 도구의 console에서 간단하게 여러 명령어를 실행해 볼 수 있다. 실행 결과가 바로바로 뜨고 오류도 상세히 출력된다. 자료형 웬만해서는 대부분의 프로그래밍 언어의 자료형은 유사하다. 기본적으로 문자열, 숫..