자바스크립트

자바스크립트 기본

1. 랜덤 번호 생성
   parseInt(Math.random()*50+1); -> 1~50까지의 숫자 랜덤으로 생성합니다.
2. for 문과 while 문
3. 배열
   (1) 배열의 길이 구하기 : var array = []; array.length;로 구할 수 있다.
4. 정렬
   (1) array.sort(); -> 사전 순 정렬을 의미한다.
   (2) array.sort((a,b)=>a-b); -> 오름차순 정렬을 의미한다. b-a 로 바꾸면, 내림차순 정렬.
   (3) array.push(); -> 데이터 추가 가능.

자바스크립트 객체

var array = {
  1 : {"text" : "hello", "name" : "velog", "sex" : "male", "hobby" : "soccer"}
  // 객체는 이런 식으로 key - value 값으로 구성된다 ! 
}

자바스크립트 삼항연산자

(num > 10) ? num += 3 : num -= 3; 
// 기존 반복문을 통해 길어지는 코드를 삼항연산자로 한 줄에 적을 수 있다!

DOM

• Document Object Model 을 의미한다.
• 자바스크립트는 모든 것이 객체다..

1. document.getElementById("[id값]"); -> id 값 태그를 가져온다.
   단, '값'을 가져오려면 뒤에 .value 를 붙여야 함.
   .innerHTML은 가져온 HTML 태그의 값을 수정하고 싶을 때 사용한다. .value 와 다르게 '태그' 도 인식한다.

함수와 이벤트 핸들러

함수

• 함수는 반복되는 작업을 하나로 묶어줌으로써, 코드를 효율적으로 만드는 매우 중요한 기능이다.

• function count() {
    명령문1;
    명령문2;
  } 

이벤트 핸들러

• 이벤트가 발생하면(키보드 누르기, 마우스 클릭 등) 이에 대한 결과를 처리하는 '함수'를 이벤트 핸들러라고 부른다.
  즉, 이벤트가 발생하면 ~해라 라는 뜻.
• 실제로, <button onclick = '함수명();' ~></button> 이런 식으로 쓰인다.

JQuery

JQuery의 장점?

1. 기존 js 코드보다 간결해진 문법
2. 편리한 API 제공
3. 크로스 브라우징 (모든 브라우저에서 동일한 기능으로 동작할 수 있도록 함)

사용법

• $('#click').click(hello); -> 다음은 click 이벤트 핸들러를 등록하는 코드다. hello는 함수임.

• $('#click').click(function() { console.log('hello'); }); -> 다음과 같이 익명함수로도 가능.