성장을 위한 기록

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 문서 객체 모델(DOM) 문서 객체 모델 document object model으로 자바스크립트를 이용하여 웹 문서에 접근하고 제어할 수 있도록 객체를 사용해 웹 문서를 체계적으로 정리하는 방법이다. 웹 문서를 하나의 객체로 정의하고 그 문서를 이루는 텍스트, 이미지, 표 등을 각각 객체로 정의한다. DOM 트리 요소를 부모와 자식 구조로 표시하면 나무 형태가 된다 하여 DOM트리라 불르고, 가지처럼 갈라져 나간 항목을 노드라 말한다. html노드는 뿌리에 해당되기 때문에 루트(root) 노드라고 한다. 또한 관계에 따라 부모 노드에는 자식 노드가 있고 같..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 브라우저랑 관련된 객체 브라우저와 관련된 객체를 이용하면 새 탭을 여는 등 여러 효과를 낼 수 있다 웹 브라우저가 열리면 window라는 최상위 객체가 만들어지고 밑으로 하위 객체가 만들어지는 계층 구조를 지니고 있다. 내장 객체 종류 설명 window 최상위 객체이며 브라우저 창이 열릴 떄마다 하나씩 만들어진다 document 문서마다 하나씩 만들어지며 태그를 만나 만들어진다 navigator 브라우저의 정보가 담겨져 있다 history 사용자의 방문 기록을 저장한다 location 현재 페이지에 URL정보가 있다 screen 화면 정도를 다룬다 wind..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 이벤트와 이벤트 처리기 버튼을 클릭하거나 선택하는 것을 이벤트, 그 이벤트를 실행시키는 함수를 이벤트 처리기라 한다. 이벤트는 다양한 방법으로 발생되게 된다. 마우스 이벤트 종류 설명 click 사용자가 버튼 요소를 클릭할 때 발생 dbclick 더블클릭할 때 발생 mousedown 사용자가 요소 위에서 마우스 버튼을 눌렀을 때 mousemove 요소 위에서 마우스 포인터를 움직일 때 mouseover 마우스 포인터가 요소 위로 옮겨질 때 mouseout 마우스 포인터가 요서를 내려갈 때 mouseup 마우스 버튼에서 손을 땔 때 키보드 이벤트 종류 설명 ..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 함수의 재사용 함수를 사용하는 가장 큰 장점은 재사용성이라 할 수 있다. 예로 alert()함수를 사용할 때 괄호 안에 메시지만 바꿔서 실행 할 수 있다. 이렇듯 재사용할 수 있는 함수를 만들기 위해서는 매개변수, 인수, return이 필요하다. function plusNum(num1, num2) { var sum = num1 + num2 ; return sum ; } var result = plusNum(2,3); document.write(result); 매개변수 매개변수는 외부에서 값을 받아 줄 변수이며, 함수 괄호 안에 매개변수의 이름을 넣어야한다...

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 함수 알아보기 함수란 동작해야 할 목적대로 묶은 명령이라 말하며, 프로그래밍에서 중요한 역할을 수행한다. alert()와 같이 자바스크립트에서 미리 만들어둔 함수를 사용할 수 있고 직접 선언과 호출을 통해 사용할 수 있다. 한번 묶인 명령 즉 함수를 선언하면 다양한 곳에 여러번 사용하기 좋다는 장점이 있다. 함수 선언과 호출 함수를 사용하기 위해서는 먼저 어떤 명령을 실행할 지 선언을 해야한다. 그리고 사용할 곳에 호출하여 기존에 선언한 함수를 실행하게 된다. 함수 선언 예약어 function을 사용하며, 중괄호 안에 여러 명령을 넣는다. 기본형 funct..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 조건문 특정 조건과 명령에 따라 실행 순서를 정할 때 사용하는 구문으로 자주 사용한다. if 문과 if~else 문 기본형 if(조건) { 조건이 true일때 명령 } if(조건){ 조건이 true일때 명령 } else { 조건이 false일 때 명령 } 단순 if문이라면 false값이 나온다면 아무것도 하지 않는다. 또한 if문 하나로는 해결할 수 없는 상황이 더 많기 때문에 if~else 문 안에 또 if~else 문을 사용한다. 이를 중첩된 if~else 문이라 한다. 간단한 조건문 조건이 하나이고 실행할 명령도 각각 하나씩이라면 조건 연산자를 사용하..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 변수 알아보기 변수 프로그램을 실행하는 동안 바뀔 수 있는 데이터를 말한다. 변수 선언 규칙 변수를 사용하기 위해서는 구별할 수 있도록 이름을 선언해야하고, 이를 변수 선언이라 말한다. 1. 변수 이름은 영어, 언더스코어(_), 숫자를 사용 첫 글자에는 숫자가 들어갈 수 없고, 단어 사이에 띄어쓰기는 사용이 불가하다. 2. 예약어는 변수 이름으로 사용 불가 var와 같은 예약어는 변수 이름으로 사용할 수 없고, 영어 대소문자를 구별하여 인식한다. 3. 두개 이상 단어를 연결할 때는 중간에 대문자를 섞어 사용 두 단어 이상인 이름은 var totalArea ..

*제 개인적인 정리이기 때문에 다소 설명이 모호할 수 있습니다. 또한 "html,css,자바스크립트 do it" 책에 내용이 다소 포함되어 있습니다. 자바스크립트를 배우기 전 자바스크립트의 역할 웹 요소를 제어 웹 어플리케이션 제작 가능 서버 개발 가능 자바스크립트 작성하기 자바스크립트는 html, css와 다르게 대소문자를 구분한다. 따라서 sum과 Sum은 다른 변수로 인식된다. 또한 문서에 이미지나 텍스트 등의 요소를 제어하는 경우가 많아 보통 태그 바로 직전에 소스를 작성한다. 자바스크립트 작성 방법은 css와 동일하게 2가지 방법이 있다. 직접 작성하기 문서 안에서 태그에 소스를 직접 작성하여 적용한다. 짧은 소스에 경우 바로 확인이 가능하다는 장점이 있지만, 단점이 많아 잘 사용하지 않는 방법..