#2.1 Basic Data Types
*데이터 타입의 종류
- Number
1) 정수(Integer) // 1, 2, 3, 4 ...
2) 소수(Float) // 1.555, 2.545345 ...
- Number타입은 서로 연산기호를 이용하여 계산할 수 있다.
- String
: 처음부터 끝까지 문자(Text)로 구성되어 있다는 의미
"Hello," + " My name is Nico" // Hello, My name is Nico
- String타입은 ""을 이용하여 입력하고 String타입의 합은 두개를 합
쳐서 출력한다
#2.2 Variable
const → 변수 선언을 통해 코드를 간결하게 (항상 변하지 않는 상수)
const a = 10;
const b = 2;
console.log(a + b);
console.log(a * b);
console.log(a / b);
길이가 긴 변수를 선언할 때 → Camelcase
ex. VeryLongVariableName
cf. Python에서는 very_long_variable_name
#2.3
변수만들때 let, const, var차이
let 재선언 금지, 재할당 가능
const 재선언 금지, 재할당 금지
var 재선언 가능, 재할당 가능
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;
//재선언, 재할당 가능
#2.4
data type 에는 숫자 , 문자 말고도
boolean 값으로 true,false가 있다.
또 다른 값으로는 null, undefined가 있다.
-
null: 컴퓨터에 값이 없음을 의도적으로 알리기 위해 채워진 값이다
-
undefined: let something; 처럼 변수에 값을 지정하지 않으면
메모리 상에 자리는 존재하지만 값이 채워지지 않은 채로 있다.
#2.5
데이터를 나열하기 위한 방법 중 하나.
항상 [ ] 안에 콤마(,)로 데이터들을 나열한다. 변수도 쓰일 수 있고, boolean, text, 숫자 등 데이터 정렬이 가능하다.
ex) const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
만약, 위의 변수에서 5번째 element 값을 알려주세요. 라고 한다면 어떻게 출력해야 할까?
ex) console.log(daysOfWeek[4]) 라고 해야 5번째 값을 출력할 수 있다.
왜?? 컴퓨터는 숫자를 0부터 세기 때문에, “mon”은 0번째라고 생각하면 된다.
JS의 주석처리는 //
위의 상태에서 daysOfWeek이란 변수에 하나의 값을 더 넣고 싶다면 다음과 같이한다.
ex) daysOfWeek.push(“holiday”) .push는 추가하는 기능.
array는 하나의 변수 안에 데이터의 list를 가지는 것. 다른 프로그래밍 언어에도 있는 가장 기초적이고 필수적인 데이터 구조! 값을 리스트로 정리하는 것
#2.6
object는 property를 가진 데이터를 저장해주며, { } 를 사용한다.
const player = {
name : tomato,
color : red,
food : true,
};
console.log(player);
property를 불러오는 방법은 2가지가 있다.
- console.log(player.name); => tomato
- console.log(player["name"]); => tomato
또한 property를 바꾸는 것은 가능하지만 선언된 object를 바꾸는 것은 불가능하다.
ex)
const player = {
name : tomato,
color : red,
food : true,
};
console.log(player);
player.color = "blue";
console.log(player.color);
--> blue
그리고 property를 추가 할 수도 있다.
player.koreanName = "토마토";
--> {name: "tomato", color: "blue", food: true, koreaName: "토마토"}
#2.7
player.points(); 라고 사용하지 않았다. player.points은 function이 아니기 때문. player.points은 숫자다.
player에게 function을 주기 전에, 어떻게 function을 만드는지를 배워야 한다.
function은 내가 계속 반복해서 사용할 수 있는 코드 조각이다. 어떤 코드를 캡슐화 해서 실행을 여러번 할 수 있게 해준다.
function 선언 :
function 함수명() {
실행코드
}
funtion 실행 : 함수명();
argument(인수)를 보내야 하는데 인수란 함수를 실행하는 동안 어떤 정보를 함수에게 보낼 수 있는 방법이다.
#2.8
함수의 괄호 안의 매개변수에서 arguments를 받아들일 수 있다.
ex)
function sayHello(nameOfPerson) {
console.log(nameOfPerson);
}
sayHello("nico")
sayHello("dal")
sayHello("lynn") // nameOfPerson은 "nico" "dal" "lynn" 을 받았다고 생각하면 됨.
아규먼트는 하나만 받을 수 있는게 아니라 여러개를 받을 수 있음.
ex)
function sayHello(nameOfPerson , age) {
console.log(nameOfPerson);
}
sayHello("nico" , 12);
sayHello("dal" , 20);
sayHello("lynn" , 23); // sayHello function의 매개변수 2개는 아래 2개의 argument를 받는 중임.
function의 값은 function 안에서만 존재한다.
오브젝트 안에서 매개변수가 아규먼트를 받는 방식
ex)
const player = {
name : function(Name) {
console.log("Your Name is " + Name + " 입니다.")
} ,
sayHello : function(Age) {
console.log("Your age is " + Age + " 입니다." )
}
}
player.sayHello(14)
player.name("james")
