본문 바로가기

반응형

자바스크립트

(19)
[강좌 005] 자바스크립트 기본 문법 2 1.HTML도 그렇지만 자바스크립트도 코드가 쓰여진 순서대로 실행됩니다. ① var test = 10;② var exam = test + 20;☞ 먼저 test라는 변수에 10을 저장하는 것을 실행하고 이후에 exam 변수에 test+20을 계산해서 저장함. ①과 ②의 순서를 바꾸면 예상치 못한 결과가 나올 수 있음. 2.세미콜론(;)은 자바스크립트의 문장을 구분해주는 역할을 합니다. 때에 따라 세미콜론을 생략할 수도 있지만 세미콜론을 항상 붙이는 버릇을 갖는 것이 좋습니다. 또한 세미콜론으로 구분하면 한 줄에 여러 문장을 쓸 수도 있습니다. abc = 10;bcd = 20;cde = 30; abc = 10; bcd = 20; cde = 30; 3.자바스크립트는 코드 사이에 있는 추가적인 공백들을 무시합..
[강좌 004] 자바스크립트 기본 문법 1 1. 자바스크립트 문장은 ;(세미콜론)으로 구분된다. 문장이 끝나는 지점에 세미콜론을 찍어준다. var test="Good Morning";document.getElementById("test").innerHTML=test; 2. 문자열(String)은 "(쌍따옴표) 또는 '(단따옴표)를 붙여서 사용한다. "Hello"'Hello' 3. 변수는 값(value)를 저장하는데 사용한다. 자바스크립트에서 변수는 var 키워드를 사용한다. 자바스크립트에서 = 표시는 변수에 값을 할당한다는 뜻이지 같다는 등호표시가 아니다. var test;test = 10; [test라는 변수에 10이라는 값을 저장(할당)한다는 뜻이다] 4. 자바스크립트에서 주석은 // 를 사용하며 // 뒤에 있는 모든 것은 실행되지 않는다. ..
[강좌 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

반응형