책 읽다가 코딩하다 죽을래

CSS에는 선택자(id,class,tag) 개념이 있습니다. HTML 요소의 스타일을 선택하여 수정할 때 이 선택자를 이용해서 자신이 원하는 위치, 범위를 설정할 수 있습니다. 자바스크립트로 DOM(Document Object Model) 요소에 접근할 때도 주로 선택자를 사용합니다. DOM 요소를 id 선택자로 접근하는 함수 - getElementById() nice to meet you id 속성 값은 한 문서 안에서 유일하기 때문에 자주 사용한다. 우리가 css를 코딩할 때는 #hi 를 통해서 nice to meet you 텍스트를 수정했다. 자바스크립트에선 getElementById()을 통해 DOM 요소에 접근할 수 가 있다. document.getElementById("hi").onclick ..

자바스크립트에선 하나의 변수에 여러 가지 자료를 저장할려면 Array 객체를 이용합니다. Array 객체는 말 그대로 배열이라는 것인데 자바스크립트의 배열은 c언어나 자바의 배열과 비슷한 점이 있기 때문에 이미 알고 계신 분들이라면 쉽게 이해할 수 있을 것이다. 크롬을 키고 주소창에 about:blank 를 검색해보자. 그럼 아무것도 없는 빈 화면이 뜰 것인데 여기서 F12키는 누르면 이렇게 콘솔창이 나올 것이다. 굳이 vscode같은 개발환경의 도움없이도 여기서 손쉽고 코드를 짤 수 있고 간편하게 결과를 확인해 볼 수 있기 때문에 필자는 간단한 코딩을 할 것이라면 이 방법을 추천한다. 이제 Array 객체를 선언하는 방법부터 배워보자 Array 객체 선언과 초기화 var myArray = new Arr..

자바스크립트에는 수많은 내장 객체가 존재하지만 필요하다면 사용자가 직접 객체를 만들 필요가 있다. 이렇게 사용자가 직접 만든 객체를 '사용자 정의 객체'라고 한다. 사용자 정의 객체를 만드는 방법에는 몇 가지 있는데 그중 가장 많이 사용하는 객체 리터럴과 생성자 함수를 사용하는 방법을 알아보겠습니다. 리터럴 표기법을 사용해 객체만들기 리터럴(Literal)이란 프로그래밍에서 자료를 표기하는 방식입니다. 리터럴을 사용해서 표기한다는 것은 변수를 선언하면서 동시에 값을 지정해 주는 표기 방식을 말합니다. 다음과 같이 변수를 선언하면서 동시에 값 10을 지정하는 것이 바로 리터럴 표기법입니다. var a = 10; 그렇다면 '객체 리터럴 표기법'이란 객체를 선언하면서 동시에 값을 지정해 주는 것이겠죠? 객체 ..