변수 선언
자바스크립트에는 변수를 선언할때 var, const, let 세가지 방식이 있다 간단하게
- var는 예전 방식
- const 변수의 변경을 막아주는 방식
- let 변수의 변경을 허용하는 방식
var는 사용하지 말 것 var는 자바스크립트의 오래된 것, let같은 것이지만 var을 쓰면 let, const로 구분할 수 없고
코드를 읽으면서 의미를 얻을 수 없음.
var a = 3
a = 2 //가능
const b = 3
b = 2 //오류 발생
let c = 3
c = 2 //가능
배열
const nonsense = [1, 2, "hello", false, null, true]
console.log(nonsense) // [1, 2, "hello", false, null, true]
//접근하는 방법
console.log(nonsense[0]) // 1
//추가하는 방법
nonsense.push("hihi")
console.log(nonsense) // [1, 2, "hello", false, null, true, "hihi"]
Objects
만약 오브젝트 없이 구현한다면?
const playerName = "dongseok";
const playerPoints = 1234;
const playerHandsome = false;
const playerFat = "little bit";
오브젝트를 사용한다면?
const player = {
name : "donseok",
points : "1234",
handsome : false,
fat : "little bit"
}
console.log(player);
console.log(player.name);
오브젝트 업데이트
player.fat = false;
console.log(player) // => 바뀜
오브젝트 안에 무언가를 수정하는것은 const여도 문제가 없음
오브젝트에 무언가를 추가할 때
player.lastName = "potato"
console.log(player)
추가된 것을 확인할 수 있다.
함수
function sayHello(name, age){
console.log("hello my name is " + name + " and i'm " + age);
}
sayHello("name", 20);
조건문
if (조건) {
내용
}
else if (조건) {
내용
}
else {
내용
}
'공부기록 > 프론트공부' 카테고리의 다른 글
리액트 공부2. 동적 UI (if사용), 반복문(map()사용), 입력 (0) | 2022.05.31 |
---|---|
Vue 기초 공부 (0) | 2022.05.31 |
뷰 인텔리제이 프로젝트 생성 (0) | 2022.05.30 |
리액트 공부1. 기초 JSX 사용법 (리액트의 자바스크립트) (0) | 2022.05.30 |
리액트 인텔리제이 프로젝트 생성 (0) | 2022.05.30 |