![](https://velog.velcdn.com/cloudflare/bb_pumpkin/f92a2f07-1526-404b-b9f5-a36f9db033f7/image.png)
2.2 Variables (10:39)
console.log("sdfllkj"); > 코드또는 콘솔에 log, print
![](https://velog.velcdn.com/cloudflare/bb_pumpkin/ed92a09c-5864-4e5d-b129-bd0c8d6512af/image.png)
- 자바변수 const > 바뀌지 않는 값
- Js에선 변수이름 지정시 단어 앞자리 대문자 > camelCase
2.3 const and let (09:45)
- let과 const차이 > const는 변수의 값이 변하지 않음(없데이트 x)
- let은 생성할 때 한번만 사용함.
- 코드를 리뷰할때 개발자의 의도를 파악할 수 있음.
- 기본적으로 쓰이는건 const, 업데이트를 원할경우 때에따라 let 사용.
old things
- var > 어디서든 업데이트가 가능 but 보호 불가 > 규칙이 없음
2.4 Booleans (07:22)
- boolean 자료형 > true of false
ex) const amIAnt = false;
- when > 로그인 유무, 멀티미디어 재생 유무, 웹사이트 로딩 유무
- null > 변수에 아무것도 없음. 걍 무. 텅빈 값. 자연적으로 발생하지 않음. 값이 없다는 걸 의도적으로 표현.
- undefined > 변수에 값을 주지 않은 것. 정의 되지 않은 변수. 메모리에 공간 차지함.
![](https://velog.velcdn.com/cloudflare/bb_pumpkin/2a3d7624-1392-44c8-8403-7f43d2f9a22c/image.png)
2.5 Arrays (13:53)
- const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"]; > 생성
- console.log(daysOfWeek[5]); > 접근
- daysOfWeek.push("sun"); > 추가
2.6 Objects (13:05)
const player = {
name:"pumpkin",
points:10,
tall:false,
};
console.log(player);
console.log(player.name);
console.log(player["name"]);
plyer.lastName = "idn";
- 오브젝트 안에 있는 내용을 변경하는 건 가능
- 오브젝트 자체를 업데이트는 불가능(const)
ex)player = false;
- 오브젝트 밖에서 property 추가가능
2.7 Functions part One (08:44) and part Two (12:45)
- 괄호()가 있는 것 > 함수를 실행함
- 코드를 캡슐화하여 필요할 때 실행을 여러번 할 수 있게 해줌.
- argument > 함수에 정보를 보내는 방법
- 매개변수 순서 주의
- 매개변수는 블럭 안에만 존재
function sayHello(nameOfPerson, age){
console.log("Hello my name is "+ nameOfPerson);
console.log("Hello my age is "+ age);
}
sayHello("hyemin", 23);
const player = {
name:"pumpkin",
sayHello: function(otherPersonName){
console.log("Hello " + otherPersonName);
},
};
console.log(player.name);
player.sayHello("baby");
2.9 Recap (10:04)
2.10 Recap II (12:52)
2.11 Returns (15:43)
코드 내에서 함수의 결과값 얻기
2.12 Recap (06:37)
2.13 Conditionals (11:35)
- prompt() 함수 요즘 안 쓴다. string을 디폴트도 받음.
- 형변환
parseInt()
2.14 Conditionals part Two (09:02)
- NaN인지 확인 하는 방법 > isNaN() > boolean으로 알려줌
2.15 Conditionals part Three (13:49)
true || true === true
false || true === true
true || false === true
false || false === false
true && true === true
false && true === false
true && false === false
false && false === false
2.16 Recap (07:34)
= --> value를 할당
=== --> 같은지 확인
!== --> 같지 않음을 확인
== 값만을 비교, 값만 같으면 true이다
=== 유형도 비교, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true
- 배열형 : 배열의 데이터 값이 같더라도 배열을 할당할때, 각 변수는 각 메모리의 주소를 참조한다. 참조하는 메모리의 주소가 다르기 때문에 두 배열는 같지 않다.
var a = [1,2,3];
var b = [1,2,3];
console.log(a == b); // false
console.log(a === b); // false
- 객체형도 배열형과 같다.
var x = {};
var y = {};
console.log(x == y) // false
console.log(x === y) // false