변수

const, let의 사용

ES6에서 var문제점을 보완하기 위해 새로 나온 키워드 입니다.
차이점은 링크를 통해 확인해 보시고 여기서는 자세히 다루지는 않겠습니다.

const는?

상수를 저장하기위해 사용하는 키워드 입니다.
주로 자연계 상수값(PI..), 변하지 않는값(고정된 좌표값 등)에서 사용합니다.

let은?

변하는 값을 다룰 때 사용합니다.

출력

console.log()

아마 본 과정에서 가장 많이 사용하게 될 메소드입니다.
F12를 눌러 나오는 개발자 도구에서 console부분에서 출력을 확인하실 수 있습니다.

window.alert()

한번 사용해 봅시다.

HTML DOM 요소를 이용한 innerHTML 프로퍼티

->index.html
<button onclick="strong"></button>
<p id="hello">안녕하세요</p>

->script.js
function strong(){
	const getID = document.getElementById('hello');
  	getID.innerHTML = "<strong>"+getID.value+"</strong>"
}

위 코드를 통해서 "안녕하세요"의 굵기를 굵게 만들어 봅시다.

타입

다른 언어들과 비교해서 특징이 있는 타입들만 다루겠습니다.

문자열

javacript는 작은따옴표 큰 따옴표 모두 문자열로 인식합니다.

null과 undefined

null

null은 값입니다.
값이 정해지지 않았다는 값이기 때문에 비어있는 상태가 아닙니다.

undefined

타입이 정해지지 않았다는 것 입니다.
타입이 정해지지 않았기 때문에 존재하지도 않고 공간을 차지하지도 않습니다.

var num;          // 초기화하지 않았으므로 undefined 값을 반환함.
var str = null;   // object 타입의 null 값
typeof secondNum; // 정의되지 않은 변수에 접근하면 undefined 값을 반환함.

object

Java 수업시간에 배웠던 객체처럼 변수를 담고 메소드를 담을 수 있습니다.
하지만 생성자도 없고 모양이 더 간결합니다.

var cat = "나비"; // 일반적인 변수의 선언
// 객체도 많은 값을 가지는 변수의 하나임.
var kitty = { name: "나비", family: "코리안 숏 헤어", age: 1, weight: 0.1 };
cat          // 나비
kitty.name   // 나비

객체의 프로퍼티를 참조하는 방법

자바스크립트에서 객체의 프로퍼티를 참조하는 방법은 다음과 같습니다.

객체이름.프로퍼티이름
또는
객체이름["프로퍼티이름"]

참고
http://tcpschool.com/

함수

자바스크립트에서의 함수는 배웠던 함수와는 모양이 다릅니다.
return 타입이 없고 매개변수의 타입도 없고 함수의 이름도 없을 수 있습니다.

모양

function addNum(x, y) {
    return x + y;
}
document.write(addNum(2, 3));

addNum이라는 이름에 더하는 연산을 해주는 함수 입니다.
변수에 담아서 사용할 수도 있습니다.

let addNum = function(x, y) {
    return x + y;
}
document.write(addNum(2, 3));

익명함수

즉시 실행할 함수에 사용합니다.
위 예제와 같은 로직입니다.

document.write(
  function(x, y) {
      return x + y;
  }
);

만들어 보면서 익혀봅시다.

- 영단어장 만들기

D-day 앱을 만들어 봅시다.