변수와 상수
특정 이름에 특정 값을 넣을 때 사용
-
항상 const, 가끔 let, 노노 var...!!!
-
변수(let)
- 바뀔 수 있는 값
- 한번 선언한 이름은 다시 선언 할 수 없다. -
상수(const)
- 한번 값을 설정하면 바꾸지 못한다.
- 한번 선언한 이름은 다시 선언할 수 없다.
- 다른 블록 안에서는 똑같은 이름으로 선언할 수 있다. -
var
- 이제는 권장하지 않는 선언 방식
- var를 사용할 경우, 변수 생성과 hoisting, scope를 고려하여야함.
let a = b;
let a = c;
//재선언 금지
let a = b;
a = c;
//재할당은 가능
const a = b;
const a = c;
//재선언 금지
const a = b;
a = c;
//재할당 금지
var a = b;
var a = c;
a = d;
//재선언, 재할당 가능데이터 타입
- string, integer, boolean
- null - 변수에 아무것도 없다. Null은 자동으로 발생하지 않음. 아무것도 아닌 것을 확인하기 위해 null을 사용
- undefined - 아직 정해지지 않았다. 컴퓨터 메모리 안에 존재하고 공간은 있는데 값이 정해지지않은것
연산자
| 대입, 산술연산자 | 논리연산자 | ||
|---|---|---|---|
| = | 대립연산자 | ! | NOT / true는 false, false는 true로 반전 (우선순위 1) |
| += | 대임,a+= a에 1을 더하겠다. | && | and (우선순위 2) |
| a++ | 증감연산자(후위), 출력 후 더함 | || | or (우선순위 3) |
| ++a | 증감연산자(전위), 출력 전 더함 | ||
| a— | 증감연산자(전위), 출력 전 더함 | ||
| —a | 증감연산자(전위), 출력 전 뺌 |
switch case문
- 특정 값이 무엇이냐에 따라 다른 작업을 하고 싶을 때 사용하는 조건문
| break | default |
|---|---|
| 여기서 비교 끝났다. | 아무것도 해당되지 않는 경우 실행 될 코드 |
함수
- 특정 코드를 하나의 명령으로 실행 할 수 있게 해주는 경우, 그 외에도 파라미터가 주어졌을 때 파라미터를 처리해서 결과를 만들어 낸다.
function add(a, b) {
return a + b;
}
const sum = add(1, 2);
console.log(sum);-
(a, b): 함수에서 받아오는 값 -
return: add라는 함수를 만들어서 a와 b값을 더해서 이것을 반환해줄건데, 이것을 결과 값으로 내주겠다는 것, 함수에서 return이 사용되는 순간 함수는 종료된다.
ES6
- ECMAScript6를 의미하며, JS의 버전을 가르킴
- 15년도에 도입이 되어 ES2015라고 불리기도 한다.
템플릿 리터럴 (Template Literals)
- 기존
(’hello’ + name + '!');하던 것을hello ${name} !으로 입력 할 수 있다.
이 글은 패스트캠퍼스 '프론트엔드(React)올인원패키지Online', 노마드코더 '바닐라 JS로 크롬 앱 만들기'을 수강하며 정리한 노트입니다.
패스트캠페스:
https://fastcampus.co.kr/search?keyword=%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C
노마드코더:
https://nomadcoders.co/javascript-for-beginners/lobby
개발짜🏃♀️