오늘의 수업 일정

✍️ #2.1 ~ #2.6
✔️ 퀴즈

수업 간단 정리

🚩 데이터타입

프로그래밍에 있어서 가장 기본적인 두가지 데이터 타입 Number & String
js에는 type이라는 게 있고 그걸 알아서 이해한다

1. Number
   1) 정수(Integer) // 1, 2, 3, 4 ...
   2) 소수(Float) // 1.555, 2.545345 ...

• Number타입은 서로 연산기호를 이용하여 계산할 수 있다 (2+4=6)

2. String

• 처음부터 끝까지 문자(Text)로 구성되어 있다는 의미

ex) "hello " + "my name is nico" -> hello my name is nico

🚩 변수

Js에서 변수 variable을 주고 싶을때 쓰는 것은 const
const = constant(상수) 항상 변하지 않는 값을 의미

길이가 긴 변수를 선언할 때 → Camelcase

ex) VeryLongVariableName (대문자 사용)

cf. Python에서는 very_long_variable_name (언더바 사용)

🚩 Variable

1. const - 상수, 생성 후 바꿀 수 없음

2. let - 생성할 때 사용, 생성 후에 값을 바꿀 수 있음.
   재선언 X, 재할당 O
   let myName = "ck";
   my Name = "k";

3. var - 어디서든 변경할 수 있음.
   재선언 O, 재할당 O
   실수로 값을 업데이트해도 알아차릴 수 없는 단점.

always ==> const
sometimes ==> let
never ==> var

boolean ture & false
undefined 값이 정의되지 않음 / 박스만 만들어 놓은 상태/변수는 선언했지만 값을 할당하지는 않음
null 값이 없음 / 박스만들고 아무것도 안넣고 포장함/변수에 null(값이 없다)이 할당된다

🚩 Arrays

데이터를 나열하기 위한 방법 중 하나.
항상 [ ] 안에 콤마(,)로 데이터들을 나열한다.
변수도 쓰일 수 있고, boolean, text, 숫자 등 데이터 정렬이 가능하다.

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

만약, 위의 변수에서 5번째 element 값을 알려주세요. 라고 한다면 어떻게 출력해야 할까?

console.log(daysOfWeek[4]) 

컴퓨터는 숫자를 0부터 세기 때문에, “mon”은 0번째라고 생각하면 된다.

tip) JS에서 주석처리는 //

위의 상태에서 daysOfWeek이란 변수에 하나의 값을 더 넣고 싶다면?

daysOfWeek.push(“holiday”) 

🚩 Objects

내가 정리하고 싶은 정보가 있다.

가수의 이름 , 가수의 나이 , 가수의 회사 등...
이 경우,

그냥 간단히,

const singer = ["baekhyun",30,true] 

로 하면 어떤 속성(property)인지 알기 어렵다.
각자 다른 속성의 리스트를 만들기 위해서 Object를 만들어야하는다 []가 아닌 {}를 사용한다.

const singer = {

name : baekhyun
age : 30
people : ture

};

값 출력 방법

• 전체

console.log(singer);

• 속성(property)을 불러오는 2가지 방법

1. console.log(singer.name);
2. console.log(singer["name"]);

속성을 추가/변경할수는있지만,선언된 object를 바꾸는 것은 불가능

console.log(singer);
singer.name = "jini";
console.log(singer.name);  //jini

그리고 속성(property)를 추가 할 수도 있다.

singer.koreanName = "백현";

console.log(singer)
//{name: "baekhyun", age: 30, people: true, koreaName: "백현"}

바닐라JS 챌린지 QUIZ

Your score is: 9/11