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

1. setTimeout

2. setInterval : 몇 초뒤에 실행하고 또 실행하고 반복

3. 특수문자

4. 역슬래시 : 문자열 세계의 초능력자 (이스케이프 문자)

5. 연산자의 우선순위

 

에 대해 알아보자.

 

먼저 연습페이지에서  JS 의 설정을  jQuery로 바꿔준다.

Settings 에서 -> JS -> 아래에  Add Extemal Scripts/Pens 에서 ->  jQuery  로 검색후 추가하기 ->SaveClose

 

---

 

ㅡ setTimeout ( ~ 초 후에 실행된다) 천천히 ~

 

<예제> 2초 후에 실행 된다.

console.clear();
function a() {

 alert('하이');
  $('body')
  .css('background-color', 'red')
}
setTimeout(a, 2000);

 

 

ㅡ setInterval (~ 초 후에 실행됨이 반복된다)

toggleClass ==  효과를 줬다가, 빼기

 

<예제2>

CSS

body.active {
  background-color:blue;
}

 

JS

console.clear();

function a() {
  $('body')
      .addClass('active')
}
setTimeout(a, 5000);

function b() {
  $('body')
      .toggleClass('active')
}
  setInterval(b, 2000);

 

---

ㅡ특수문자 (이스케이프 문자)

 

ㅡ 역슬래시의 기능

역슬래시 \ 를 쓰면 그 다음 글자가 표기 된다고 인식 됨. 

console.log('\'');   ==> " ' " 라고 표기됨

문자열 줄바꿈은 \n  역슬래시n으로 사용가능함

역슬러시를 출력하고 싶을때는 \\ 두번 누름

 

<예제3>

console.clear();

console.log('\'');
            
var a = "\'따옴표\' \"큰따옴표\"";

alert(a);
var b = '문자열 줄바꿈은 \n 역슬래시n을 사용합니다.';
var c = "큰따옴표 안에서 ''사용가능"
var d = '작은 따옴표 안에서 "" 사용가능'
var e = "\\역슬러시 표현"
console.log(a);
console.log(b);
console.log(c);
console.log(d);
console.log(e);

---

ㅡ 각종 연산자

Math.pow(c, b); // c 의 b만큼 제곱

Math.sqrt(b); // d 의 제곱근값

Math.random();  // 0 부터 1까지의 무작위 수

 

 

<예제5>

console.clear();

var a = 1;
var b = 2;
var c = 3;
var d = 4;
var e = 5;

var pow = Math.pow(c, b); // c 의 b만큼 제곱
console.log(pow);

var sqrt = Math.sqrt(b); //d 의 제곱근값
console.log(sqrt);

var random = Math.random(); 
console.log(random * 9); //0부터 9까지 무작위의 수

 

 

---

 

ㅡ연산자의 순위

a++ (후순위) ,   ++a (선순위) 

 

 

<예제4>

console.clear();

var a = 1;
a++; //a 가 1 증가

console.log(a);
console.log(++a); //1증가 먼저 확인가능
console.log(a);

a = 1;
console.log(a++); //출력하고 나서 +뒤늦게 계산되서 결과값 안보임
console.log(a); //여기서 1증가된게 확인됨