Nomadcoder_VanillaJS, 크롬 App 만들기
D-4
1. 변수
1) 변경되거나 변경될 수 있는 값을 말한다.
ex) a = 2
→ a 안에 숫자 2를 넣은 것.
a의 값이 2로 변경
a = 변수
2) 값을 준 후에도 값을 변경시킬 수 있다.
ex) a = 2
a = 216
→ 처음 a의 값은 2
그러나 'a = 216'을 입력한 후 a의 값은 216으로 변한다.
3) 단순한 숫자가 아니라 연산도 저장 가능하다.
ex) a = 216
b = a - 5
→ b에는 216에서 5를 뺀 211의 값이 저장된다.
2. JS 입력 규칙
JS에 입력할때는 몇 가지의 규칙이 있다.
1) 각기 다른 라인에 적는다.
즉, 각각 다른 줄에 코딩을 입력해야 한다.
ex) a = 216, b = 211 이라는 코드를 입력하려고 한다.
이런식으로 a와 b를 각각 다른 줄에 써줘야 한다.
그렇지 않으면 오류가 나오게 된다.
2) 코딩을 입력한 후에는 ';'(세미콜론) 를 해줘야 한다.
';'는 마침표의 의미와 같다.
코드를 입력한 후에는 반드시 마침표를 찍어줘야 한다.
3) 변수를 선언하는 방법_생성자
생성자?
객체 지향 프로그래밍(OOP:objective-oriented programming)에서 쓰이는 객체 초기화 함수. 객체의 생성 시에만 호출되어 메모리 생성과 동시에 객체의 데이터를 초기화하는 역할을 한다.
생성자는 변수를 초기화할 때 사용하는 것을 말한다.
변수를 생성할 때 붙여준다고 생각하면 된다.
JS에는 var, let, const 가 있다.
우선, let으로 예시를 들어 보겠다.
이런식으로 생성하는 변수의 앞에 붙여주면 된다.
또한 생성자는 한 번만 써주면 된다.
3. JS 화면 구현
JS 파일을 연 후 코드를 입력해 준다.
화면을 켜서 F12를 누른 후, console창을 확인한다.
a와 b의 값이 콘솔창에 입력되어 나온다.
왜 b의 값은 211일까?
→ JS는 순서대로 코딩을 한다.
b = a - 5 를 실행한 후 a의 값이 변한다.
즉, b는 a가 변하기 전의 값인 216에서 -5를 한 값을 갖게 되기 때문에
211이 된다.
다음 목차에선 var, let, const에 대한 정확한 의미를 알아보자!
댓글