자바스크립트 (9) 썸네일형 리스트형 [강좌 003] 자바스크립트는 어디에 위치해야 하는가 ? 자바스크립트는 어느 부분에 위치해야 할까요? 1.자바스크립트는 HTML페이지의 Head부분 Body부분 Example Example w3school에서 많이 인용하였습니다. 즐거운 하루 Vanxy.. [강좌 002] 자바스크립트로 할 수 있는 것은 뭘까요? 자바스크립트는 DOM(HTML 요소들에 접근하기 위한 기준 모델)을 사용함으로써 HTML을 변화시키고 제어할 수 있습니다. 즉 HTML의 내용, 속성, Style, 기타등등 것들을 직접적으로 변경시키거나 조절 가능하다는 말입니다. 내용을 바꾸는 예시 document.getElementById("test").innerHTML = "요것은 테스트 입니다."; 위의 예제는 document.getElementById()를 이용해서 "test"라는 id를 찾아서 텍스트를 바꾸는 내용입니다. 스타일을 바꾸는 예시 document.getElementById("test").style.fontSize = "30px"; 태그 id중에 "test"를 찾아서 폰트크기를 30px로 바꾸라는 내용입니다. ★ 자바스크립트는 대소문.. [강좌 001] 왜 자바스크립트를 배워야 하지? 자바스크립트는 웹 페이지의 프로그래밍 언어입니다. 최근의 거의 모든 웹페이지에서 자바스크립트가 사용되고 있습니다. 자바스크립트는 다른 언어에 비해 배우기가 비교적 쉬운 언어입니다. 왜 자바스크립트를 배워야 하는가? 자바스크립트는 웹개발자가 반드시 배워야하는 3가지 언어중 하나이기 때문입니다. HTML : 웹 페이지 내용(Content)를 정의 해주는 언어 CSS : 웹 페이지의 레이아웃을 지정 해주는 언어 JAVASCRIPT : 웹 페이지의 움직임을 제어 해주는 언어 자바스크립트 코드를 한번 보시고 실행해보는 것으로 오늘은 이만~~ 오늘날짜 출력하기 나를 클릭하면 날짜와 시간이 나옵니다. 오늘날짜 출력하기 나를 클릭하면 날짜와 시간이 나옵니다. 즐거운 하루 되세요 Vanxy Html CSS JavaScript를 테스트 해보는 사이트 블로그나 웹사이트를 꾸밀때 Html 코드를 즉시 확인해보고 싶을때가 많다. 그렇다고 현재 꾸미고 있는 웹사이트나 블로그에 그 코드를 적용하기에는 너무 귀찮고 번거로울때가 많다. 이번에 소개하는 사이트는 Html이나 CSS 자바스크립트등을 붙여넣는 즉시 Output화면에서 확인해 볼 수 있다. 또한 jQuery등의 라이브러리도 즉시 확인 가능하다. 아무튼 여러모로 유용한 사이트 인 것 같다. 사이트 이름은 JSbin 이다. JSbin 바로가기 아래에 표시해놓은 것을 바꿔보면 금방 알 수 있습니다. 이전 1 2 다음
