프로그래밍: 데이터를 조작하는 작업
자바스크립트: 웹 페이지를 동적으로 조작하기 위해 등장한 프로그래밍 언어.
웹!!
기본적인 웹페이지의 틀을 잡을 수 있도록 도와주는 HTML : 웹페이지를 구성하는 가장 기초적인 마
크업 언어
마크업 언어로 구성된 웹페이지를 예쁘고(UI) 사용자 친화적으로(UX) 꾸며주는 스타일 언어
CSS
HTML,CSS로 구성된 웹페이지를 동적으로 조작할 수 있도록 설계된 웹프로그래밍 언어
JavaScript => 기능입히기
console.log() =>
작업하고있는 환경에 원하는 데이터를 출력해줘(연산도 수행가능)
변수: 원하는 데이터를 담아서 사용. 데이터가 담긴 박스
변수 선언 키워드
선언하고자 하는 상자이름(변수명) 앞에 적어준다.
let, const..
변수가 선언되었다 - 변수명 - 하나의 코드가 종료됨.
변수명은 명시되어야 함. 어떠한 데이터가 담기는지 이름만으로도 확인이 가능해야함.
자바스크립트에서 = 는 할당연산자.
let box;
box = 123;
변수명 - 할당연산자 - 할당할 값
=>
box라는 변수에 123이라는 숫자를 할당할 것이다.
변수 참조: 선언한 변수명을 그대로 입력하면 됨.
선언과 할당을 동시에 해 줄수 있다.
할당이란 ?
할당연산자를 사용해 데이터를 할당해주는 것.
재할당?
이미 데이터가 할당되어있는 변수에 다시 할당하는 것.
let box;
box = 1;
console.log(box)
box = 4; // 재할당
console.log(box)
// 1
// 4재선언??
이미 선언되어있는 변수명으로 다시 선언하는것.
let box;
let box;
VM2428:2 Uncaught SyntaxError: Identifier 'box' has already been declaredUncaught SyntaxError: Identifier 'box' has already been declared => 이미 선언되어있다며 에러가 발생하는 것을 볼 수 있다.
==> 이것을 토대로 let 키워드로 선언한 변수는 재할당은 가능하나 재선언은 불가하다는 것을 알 수 있다.
const
const는 상수변수를 의미함.
let이나 const 무엇으로 선언했든지 변수라고 얘기하지만 const는 상수변수를 의미함.
상수: 변하지 않는 값
변수: 변할 수 있는 값
따라서 상수변수인 const는 재할당이 불가능하다.
재선언도 불가능
또한 선언과 할당이 동시에 일어나야한다.
const word;
// VM2709:1 Uncaught SyntaxError: Missing initializer in const declaration // => 선언과 할당이 동시에 일어나야함
const word = 'abc';
const secondWord = 'abc';
undefined
secondWord = 'qew';
// 2967:1 Uncaught TypeError: Assignment to constant variable. // => 상수변수에 접근하려 한다는 에러var
=> 자바스크립트에서 반드시 지양해야하는 키워드!!
이유: 재할당과 재선언이 가능함.
(재선언: 같은 변수명으로 선언을 여러번 하는것.)
var uniqueWord = "unique";
var uniqueWord = "uniqueWord";
// undefined => 에러발생없음.후에 문제가 생길 수 있다.(해당 변수를 사용중이었는데 후에 같은 변수를 또 선언하게되는 등..)
변수를 선언하게되면 임시메모리를 사용하게 되고, 이 메모리에서 자신의 공간을 확보한다.
이후 데이터를 할당해주게 된다면 할당된 데이터가 해당 공간에 담긴다.
변수를 입력해 해당 변수의 데이터를 참조해오면 저장공간에 들어있는 데이터를 가져오게 된다.
변수명 규칙!
- 동사는 사용하지 않고 명사로 만든다!
- 첫글자는 숫자를 사용하지 않는다.
- 자바스크립트 예약어는 사용하지 않는다.
- 프로그래밍에서 변수는 공백을 허용하지 않는다.
- 두가지 이상의 단어를 조합해 사용할 경우 camelCase, PascalCase, snake_case 등을 사용한다. 주로 자바스크립트의 변수명은 camelCase의 경우가 많다.
