데이터시럽

객체(object)란 •프로그램에서 인식할 수 있는 모든 대상 •데이터를 저장하고 처리하는 기본 단위 자바스크립트 객체 자바스크립트 안에 미리 객체로 정의해 놓은 것 •문서 객체 모델(DOM) : 문서 뿐만 아니라 웹 문서 안에 포함된 이미지·링크·텍스트 필드 등을 모두 별도의 객체로 관리 •브라우저 관련 객체 : 웹 브라우저 정보를 객체로 관리 •내장 객체 : 웹 프로그래밍에서 자주 사용하는 요소를 객체로 정의해 놓음. 사용자 정의 객체 필요할 때마다 사용자가 직접 만드는 객체 객체의 인스턴스 만들기 •객체는 객체 자체가 아니라 인스턴스 형태로 만들어서 사용 •인스턴스 : 객체를 틀처럼 사용해서 같은 모양으로 찍어낸 것. 객체를 정의하고 추가하는 기능 제거도 가능하다. 객체를 하나 만들어서 여러개에 사..

함수란 •동작해야 할 목적대로 명령을 묶어 놓은 것 •각 명령의 시작과 끝을 명확하게 구별할 수 있음 •묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령을 실행할 수 있음 •자바스크립트에는 이미 여러 함수가 만들어져 있어서 가져다 사용할 수 있음 예) alert( ) 함수의 선언 및 호출 함수 선언 : 어떤 명령을 처리할지 미리 알려주는 것 함수 호출 : 선언한 함수를 사용하는 것 동일한 함수를 다시 작성한다면, 마지막에 선언된 함수로 적용이 되고, 위에 있는 표현식들도 아래쪽 함수로 적용이 되어 나타나게 된다. 이를 함수 호이스팅(Hoisting)이라고 한다. 아래쪽의 c인자의 경우, 선언이 되지 않았을때, undifned로 선언되어서 계산 시 NaN으로 출력되게 된다. 호이스팅 - 변수를 뒤에서..

if 문과 if ~ else 문 피연산자 2개의 값을 비교해서 true나 false로 결괏값 반환 하나의 if ~ else 문 안에 다른 if ~ else 문을 넣을 수 있다 switch 문 •처리할 명령이 많을 경우 switch 문이 편리 •조건은 case 문의 값과 일대일로 일치해야 함 •case 문의 명령 실행 후 switch 문 빠져나옴 •조건과 일치하는 case 문이 없다면default 문 실행 •default 문에는 break 문이 없음 for 문 while 문 조건을 체크하고 true라면 { }안의 명령 실행 à 조건이 false라면 명령은 한 번도 실행하지 않을 수 있음

아무것도 없는 HTML문서에서 F12를 눌러 콘솔창 을 눌러 document.querySelector("div").append("안녕 자바스크립트!!") 를 입력하면 해당 문서가 뜨게된다. Query 셀렉터를 이용하면 DIV라는 태그를 찾고 elements에 추가해 달라는 명령어가 될수 있다. XML, HTML 문서의 각 항목을 계층으로 표현하여 생성, 변형, 삭제할 수 있도록 돕는 인터페이스이다. W3C의 표준이다. W3C의 표준화한 API들의 기반이 된다. HTML 코드상에서 창에서 이를 활용할 수 있다. 어디에 둬도 상관없이 동작은 되지만, , 어디에 넣으냐에 따라 다르게 동작된다. 에 넣은 것이 좋으며, Window는 온로드 라는 함수가 있어서 다 로딩이 된 후 자바스크립트를 실행하게 해준다. 자..