HTML5 (16) 썸네일형 리스트형 <-- --> 로 이루어진 줄바꿈 포함 주석 찾는 정규식 이다. [15.7.27]객체란 무엇인가 객체란 속성들의 집합을 말한다. 예를들면 '티모'라는 객체는 이렇게 정의할 수 있다. [15.7.14]스택 html로 구현하기 오늘은 자료구조 시간에 배웠던 스택을 HTML5로 구현해보았다. 잠깐이면 될 줄 알았는데 누가 알았을까.. 이렇게 오래 걸릴줄은.. 위의 사진처럼 PUSH를 누르면 스택 추가,POP을 누르면 삭제가 되는 간단한 스택을 만들어보려고한다. HTML코드는 위와 같다.특별히 어려운 부분은 없지만,버튼이 추가되는 부분을 form으로 묶어 id를 부여했음을 유의해야한다. 자바스크립트 부분에는 새로운 부분이 있다. 스택을 삭제하는 2번함수에서 ElementId.parentNode.removeChild(ElementId)이부분은 내가 직접 생성한 버튼을 삭제하는 함수인데,이 함수를 사용하면 아래와 같은 상황이 벌어진다. 한번 pop으로 스택을 지우고 다시 추가하면 이렇게 스택과 스택 사이에 간격이 생기게 되는 것이다... [15.7.10]HTML5를 돕는 4가지 친구들 자바스크립트자바스크립트는 head와 body에 넣을 수 있고, 별도의 외부 파일에 넣고 웹페이지에서는 참조만 할 수도 있다.자바스크립트는 에 넣는다.자바스크립트에서 변수는 var로 선언한다. 자바스크립트의 변수자료형은 숫자, 불린, 문자열이 있으며, 이는 값을 할당할때 자동으로 감지한다.(할당되지 않았을때는 undefined 값을 가진다.)undefined는 null과는 다르다. null은 비어있는 값이다. DOM페이지를 로드할때 브라우저는 웹페이지의 내부를 표현하는 DOM을 생성한다.자바스크립트는 DOM을 검사하고 변경하여 상호작용하는 웹 페이지를 만들 수 있다. 웹 페이지 로드웹 페이지에 있는 요소에 접근하려면 document.getElementByid를 사용한다.(요소란 쉽게말해 HTML5를 구성하.. [15.7.7]자바스크립트의 장점을 보여주는 코드 밑줄 친 부분처럼 문자열+숫자를 하면 문자열+문자열로 자동 인식하여 자동으로 합쳐주는것이 좋다. 만약 C언어였다면 정수형에서 문자열로 변경하고, 문자열끼리 합치는 함수를 사용하는 등 매우 복잡했을 것이다. [15.7.7]각 요소에 이름 부여하고, 값 변경하기 나는 임금 잡채다 라는 평범한 문장이 있다. 이를 나는 임금 잡채다 로 이름을 부여할 수 있다. 이름이 부여된 문장은 '요소'라고 부른다. 이 '요소'는 var change = document.getElementById("one")로 찾을 수 있다. 그리고change.innerHTML = "나는 힘 그 자체다"로 내용을 변경할 수 있다. 이를 실제 코드로 구현하면 이렇다. 모든것이 순조로운 greenplanet에 적색경보를 부과하는 코드이다. 자바스크립트는 일반적으로 head부분에 위치하기 때문에 body부분이 로드되기 이전에 모든 코드가 끝나는 문제가 있다. 그래서 작업 내용을 함수에 담아 페이지가 로드되고 난 뒤에 코드를 실행하도록 바꾸어야 한다. 그것이바로 window.onload이다. [15.7.7]스크립트를 넣는 방법 페이지가 로드되기 이전에 자바스크립트가 실행되도록 하려면 또는 를 하면 된다. 이렇게하면 안에 있는 메인 소스가 실행되기 이전에 자바스크립트를 실행하게 된다. 일반적으로 자바스크립트는 페이지 로드전에 실행되므로 페이지의 head부분에 넣게된다.*의 끝 부분에 넣게되면 약간의 성능향상을 기대할 수 있지만 로드가 늦어진다. 자바스크립트의 문법. 1.변수var a = 1;var b = 1.1;var c = 1+2-(3*4)/2.0;var d = true;var e = "가나다";var f = Math.random();var g = null; 위와같이 어떤 변수라도 어떤 값이든 가질 수 있다.위와같이 어떤 변수라도 어떤 값이든 가질 수 있다.위와같이 어떤 변수라도 어떤 값이든 가질 수 있다. 2.반복문 while(a>b){funtion(number);} 3.조건문 if(asdf>qwer){invite = "확인";elseinvite = "취소"; 이전 1 2 다음
