---

Keyword

• 변수가 필요한 이유와 선언하는 방법
• 자바스크립트 데이터 타입의 종류
• number와 string의 메서드 각각 3개와 사용 방법

Lecture

• wecode Replit

---

Console.log

콘솔로그란?

• 자바스크립트가 출력을 할 수 있도록 도와주는 기능.
• 값을 눈에 보이도록 화면에 나타내는 것
• 대표적인 디버깅
• 웹페이지 내 오른쪽 버튼 클릭후, 검사(Inspect) 혹은 F12 단축키를 페이지 열기. console 출력내용 확인 가능!

사용법

console.log()

console.log('안녕하세요?');
console.log(12345);
console.log(6/3);
console.log(true);
console.log(null)

---

변수 (variables)

변수란 ?

• 변수를 사용하는 이유는 데이터를 담기 위해서이다.
• 자바스크립트에서는 대부분 선언과 할당이 동시에 일어난다.

사용법

선언(declare)

let myNumber

• 변수를 선언(declare)

할당(assign)

myNumber = 100;

• 변수에 값을 할당 (assign)

---

변수의 종류 (Primitive & Reference Type)

자바스크립트에는 2개의 변수 종류가 있다. Primitive Type(기본타입)과 Reference Type(참조타입)있다.

• Primitive Type

  • Number
  • String
  • Boolean
  • Undefined
  • Null

• Reference Type

  • Object
  • Array
  • Function

Primtive Type

Number

• 숫자
• 변수에 숫자를 할당하면 사칙연산이 가능하다. ( + , - , * , )
• % (remainder) - 나머지 값을 보여준다

//number 

let myNumber1 = 0;
let myNumber2 = 1;
let myNumber3 = 500;
let myNumber4 = 10000;

console.log(myNumber1 + myNumber2);
// 결과값: 1 

console.log(myNumber3 - myNumber4); 
// 결과값: -9500

console.log(myNumber3 % myNumber4);
//결과값: 500 

String

• 문자열
• ( ‘ ’ ) , (” ”) - 따옴표 혹은 쌍따옴표 안에 원하는 문자를 넣어주면 된다.

console.log('coffee');

let number1 = 100;
let number2 = 200;

console.log('100 plus 200 equals to', number1+number2);
//100 plus 200 equals to 300
// 구분자 ( , )를 넣어 String과 숫자를 함께 출력 가능 

console.log('number1 :' ,number1);
// number1 : 100;

🙌🏻 String 활용법!

— How to add two strings in Javascript?

let greeting = "Hello, World!";
let myName = 'Kim';

console.log('Hello, World!' + 'Kim');
//Hello, World!Kim
console.log(greeting + myName)
//Hello, World!Kim

console.log('Hello, World!'+ ' ' + 'Kim');
//공백을 넣어주고 싶으면 문자열에 빈 값을 넣어주면 된다. 

console.log(2 + 2);
//결과값: 4 ------ number 
console.log(22);
//결과값: 22 ------ number
console.log("2" + "2");
//결과값:"22" ----- string
console.log("2" + 2);
//결과값:"22" ------ string 

🔺 숫자와 문자열을 합치면 결과는 문자열이다.

🙌🏻string의 문자열의 갯수를 구해보자!

let universe = "universe";

‘universe’의 문자열의 개수를 구해보고 싶다. 그렇다면 어떤 method가 필요한가?

• google에서 찾아보자 ‘How to get the length of string in JS?’
• MDN에 ( .length)로 찾아볼 수 있다고 나온다.

String.length - JavaScript | MDN

console.log(universe.length);
// 8 

let greeting = "Hello, World!";
console.log(greeting.length)
//13 
//space(여백)도 포함된다 

let pepsi = 'pepsi';
console.log('The length of is ', pepsi.length);
//The length of is 5 ------ 여기서 5는 number이다. 문자열과 숫자 따로 출력
console.log('The length of is ' + pepsi.length);

/* The length of is 5 ----- 여기서 5는 string이다.
 이유는 '+' 때문에 number와 string을 합치면 결과는 string이기 때문*/

Boolean

• true/false
• 문자열로 ‘true’, ‘false’랑 다름!
• 조건문에 많이 쓰임

let myAnswer = true;
let yourAnswer = false; 

console.log(myAnswer); 

console.log(true)
//true;  - booelan 

console.log('true');
//'true' - 문자열

undefined&Null

• undefined - 값이 정해되어있지 않음
• null - 값이 없음

Reference Type

Array

• 배열
• 값이 일렬로 모여있는 것
• 안에 원하는 요소를 적어주면 된다. 복수의 원소를 쓸때는 ( , ) 쉼표를 사용한다.

let studentName = ['kim', 'lee', 'Park'];

console.log(studentName);
//['kim', 'lee', 'park']

Object

• 객체
• 여러가지 데이터가 모여있는 묶음
• {} 를 사용
• 배열은 데이터를 열거해준다면, 객체 같은 경우, key와 value가 있음

--

let myObject = {
	name : "code Kim",
	isDeveloper : true;
	
}

Function

• 함수

function Myfunction () {
	let name : "Alicia",
	console.log(name);
	return name; 
 }