👾 22.04.17 Study Log.

👾 오늘 배운 것
1. 자바스크립트에서 변수 네이밍 : 카멜 표기법 사용
2. 자바스크립트 데이터 타입 : String, Number, Null, Undefine, Boolean(true or faluse)
3. 변수 선언 방법은 총 3가지 : var(오래된 방법, 사용 X), const(상수, 업데이트 불가, 디폴트로 많이 사용), let (업데이트 및 수정 가능, 필요한 경우 적절하게 사용)
4. Arrays 배열
5. Object 객체

1. 카멜 표기법

자바스크립트에서 띄어쓰기가 들어가는 경우에는 대문자를 섞어 구분해준다.
이러한 모습이 낙타의 등과 비슷하다 해서 카멜표기법이라 부른다.
자바스크립트에서는 관행적으로 주로 카멜 표기법을 사용한다.

const player name = "승윤"; ❌
const playerName = "승윤"; 👍

2. 자바스크립트 데이터 타입 5가지

(1) 문자열(String)
문자그대로 "문자" 즉 텍스트를 뜻합니다. " " or ' '로 작성하면 string 타입으로 작성할 수 있습니다.

const name = "승윤";
console.log(name);
-> 승윤이라고 콘솔에 출력 됨
const numA = "2";
const numB = "3";
console.log(numA + numB);
-> 23으로 출력됨 / 문자열로 쓰인 텍스트는 숫자로서 해석이 안됨

(2) 숫자(Number)
이 또한 말그대로 숫자로서 자바스크립트에서 작동함.

const numA = 2;
const numB = 3;
console.log(numA + numB);
-> 5라는 결과로 출력됨. 

(3) 불리언(Boolean)

(4) Null
이것도 말그대로 아무것도 없음을 뜻함
💡 Undefine과의 차이점은 값이 없다는 것을 인위적으로(의도적으로) 나타내기 위해서 사용된다는 것임

(5) Undefine
값이 부여되지 않음 / 정의되지 않음을 나타내는 타입

3. 변수 선언 var, const, let

(1) var
오래된 자바스크립트에서의 방식, 사용하는 것은 되도록 자제, 변수에 대한 보호가 쉽지 않아서 지양해야 됨
(2) const(상수)
const로 선언된 데이터는 수정이 불가능 함. 디폴트로 많이 사용 됨
(3) let
업데이트 및 수정이 가능함, 필요에 의해서 적절하게 사용

4. Array 배열

데이터를 정리하는데 필요한 방법 중 하나
사용 방법
(1) 대괄호([]) 안에 넣어주기
(2) 여러 개를 나열 할 때 ,(콤마)로 구분해주기
(3) 안에 넣을 수 있는 건 어떠한 데이터 타입이라도 가능함
(4) push 펑션을 이용해서 추가 업데이트 가능
(5) 배열에서 1번은 0부터 시작

const dayOfWeek = ["월", "화", "수", "목", "금", "토"];
console.log(dayOfWeek[5]);
dayOfWeek.push("일");
console.log(dayOfWeek[6]);

5. Object 객체

오브젝트는 어레이와 다르게 의미를 이해하기가 쉽고 단순 나열 방식이 아니고 각각 프로퍼티에 적합한 데이터를 저장하는 것이기 때문에 활용 방법에 차이가 있다.
오브젝트 내부를 수정하는 것에는 const를 선언해 객체를 작성하더라도 아무 문제가 없다.
사용방법
(1) 중괄호 사용 {}
(2) property(속성 작성)
(3) 프로퍼티 값은 : 로 부여한다.(= 사용안함)
(4) 프로퍼티 추가는 ,(콤마)를 사용
object 오브젝트 1.중괄호 사용({}) 2. property(속성 작성) 3. 프로퍼티 값은 >> : << 부여한다.
(5)프로퍼티 추가는 ,(콤마)를 사용
(6) 프로퍼티 명은 객체명.속성명(player.age) = 객체명"속성명" 두가지 방법으로 호출할 수 있따.

const player = {
    name : "cute",
    level : 12,
    fat : true,
};
console.log(player.level)

console.log(player);
console.log(player.name);

player.age = 27;
console.log(player);
console.log(player.age)
player.level = 21;
console.log(player.level)
console.log(player["level"])
player.age = player.age + 10;
console.log(player.age);