입문) 자바스크립트 기초 (변수, 함수)

웹페이지에서 자바스크립트의 역할에 대해 알아보자.

---

자바스크립트(감독역할)

: 웹 페이지에서 활동적인 기술 구현한다. 자바스크립트가 CSS보다 우선순위가 높다.

 

자바스크립트가 CSS 와 협력하는 바람직한 방법

: CSS의 클래스를 통해 입력해준다. 

 

제이쿼리

: 자바스크립트를 좀 더 편하게 사용할 수 있도록 해주는 도구 이다.

 

https://codepen.io/pen 에서 실습하기.

---

자바스크립트

 

자바스크립트의 첫 줄에는 늘 작성 해줌

console.clear();

window는 생략 가능.

window.console.clear();

window[console].clear();

위는 모두 같은 작성법.

 

<예제>

console.clear();
console.log(1,2,3,4);  // log 로 출력함

 

자바스크립트를 구성하는 중요한 요소 2가지 ( 변수, 함수)

변수 (명사) ,함수 (동사) , (소스코드 == 소설)

 

ㅡ 변수  (명사, 인물, 사물)

변수선언

var a ;

a = 1;

 

 

<예제> 결과 값이 2 , 1 바꿔서 나옴

console.clear();

var a = 1;
var b = 2;

var c = a ;
a = b;
b = c;

console.log(a);
console.log(b);

 

<예제2>

var a = function() {}
function a() {}

위의 둘은 같은 의미의 변수 사용법이다.

---

 

ㅡ함수 (인물의 행동이다, 매개변수로 옵션이 여러개도 가능함)

종류 : 사용자정의 함수와 내장함수가 있다. 

window :인물  ,  날다 : 행동

 

<예제 -   function(안에 매개변수로 옵션을 추가 함) >

console.clear();

 

window.날다 = function(방법,시간) {
    console.log(방법 +' '+ 시간 + '초간 날다');
}

window.날다('날개로',5);
window.날다('로켓으로',35);