노마드 코더 바닐라 JS 챌린지 2일차

바닐라 JS 챌린지 2일차도 역시 강의듣기와 퀴즈로 진행된다

어제는 이게 맞나 결석이 되나 싶었지만 구글링 하다보니 퀴즈만 풀어도 출석이 체크된다고해서

오늘도 들었던 강의지만 가볍게 정리하는 정도로 끝내려고 한다

 

노마드 코더 바닐라 JS로 크롬 앱 만들기 : https://nomadcoders.co/javascript-for-beginners/lectures/2874

All Courses – 노마드 코더 Nomad Coders

---

#2.1 Basic Data Types

-integer : 정수 / float : 실수 / 자바스크립트에서는 정수와 실수를 같이 사용할 수 있다

-텍스트를 사용할 때는 큰따옴표나(" ") 따옴표(' ')나 백틱(` `)을 사용한다. 그냥 사용하면 변수로 생각되어 에러가 발생한다

-string의 의미는 처음부터 끝까지 모두 글자로 이루어져있다는 것이다

#2.2 Varibale

-console.log()에는 숫자나 string을 넣을 수 있다. 이 코드는 콘솔이 log또는 print하는 일을 한다

-자바스크립트를 비롯한 프로그래밍언어에서 varibale은 값을 저장하거나 유지하는 일을 한다

-const(상수) :  바뀌지 않는 값  / const a = 5; 는 바뀌지 않는 값 a에 5가 저장되어 있다는 뜻

-자바스크립트에서 단어에 공백이 필요하다면 일반적으로 다음 단어의 첫문자를 대문자로 사용한다(카멜케이스 : camelCase)

#2.3 const and let

-let은 값을 바꿀 수 있는 변수 선언 방식이다. 초기에 선언 하고 다른 값을 할당하면 그 값으로 변수의 값이 바뀐다(다음에 다른 값을 할당할때는 변수 선언방식을 적어주지 않아도 된다)

let myName = "seongeun";
myName = "winston";

console.log(myName); //winston

#2.4 Booleans

-boolean은 true와 false 두가지 값이 존재한다 (string이 아니기 때문에 따옴표를 붙이지 않는다)

-로그인되어있는가? 웹사이트가 실행되고 있는가? 하는 상황 등에 사용한다

-자바스크립트의 데이터 타입중에는 '존재하지 않음' 또는 '정의되지 않음', '아무것도 없음'을 의미하는 null이 존재한다

null은 false와 다르고 아무것도 없다는 뜻이다.(booelan과 마찬가지로 따옴표를 붙여서 쓰지 않는다)

-const something; 으로 변수를 선언만 하고 console.log(something)으로 값을 확인하면 값이 정의되지 않았기 때문에 데이터 타입과 같이 undefined라는 출력을 확인할 수 있다.(메모리안에 공간은 있는데 값이 안들어가있는 상태)

 

#2.5 Arrays

-Array는 데이터로 이루어진 list라고 생각하면 된다.

-자바와는 다르게 데이터 형식이 달라도 한 배열 안에 묶을 수 있다.

-변수 선언 형식 변수이름 = 대괄호([  ]); 형식으로 생성할 수 있다.

const nonsense = [1, 2, "hello", false, true, undefined, "winston"];

console.log(nonsense); //1, 2, "hello", false, true, undefined, "winston"

-배열에서 n번째 요소가 뭔지 알아낼 때에는 위의 코드를 참고했을 때 nonsense[n-1]의 값을 받아오면 알아낼 수 있다

-배열에 요소를 추가하고 싶을때는 배열 변수.push()를 사용해서 괄호 안에 값을 넣고 추가해준다

#2.6 Objects(객체)

-오브젝트를 만들 때는 변수에 중괄호 안의 여러 값들을 나열해 넣어주는 것과 같다.

const playerName = "winston";
const playerPoints = 10;
const playerFat = true;

//위 값들을 object로 묶어서 하나의 변수로 사용되게 만드려면
const player = {
	name : "winston",
    points : 10,
    fat : true
}

console.log(player); //{name: 'winston', points: 10, fat: true}
console.log(player.name); //winston
//console도 object이고 console안에 log라는 것이 있다는 것이다

-object의 내용을 수정할 때는 'object.object의 바꿀요소 = 바꿀 값' 과 같은 형식으로 바꿀 수 있다. 

-object에 내용을 추가할 때에도 위와 같이 'object.object에 추가할 요소 이름 = 추가할 값'과 같은 형태로 추가할 수 있다

-변수선언 방식을 const로 한 객체(object)도 그 자체를 수정할 순 없지만 object.object의 요소를 수정은 가능하다