2023.05.04 Today I Learned(TIL)

JS 복습

01. 변수

: "변수값을 변수에 넣는다." -> 왼쪽에서 오른쪽으로 넣는다.

02. 변수 선언

: let , const

➡ const는 변하면 안되는 변수일 때, let은 재할당해야되는 경우에 사용
➡ 먼저 const로 선언하고, 바꿔야할 때 let으로 변경해서 사용하기

let x = 10;
console.log(x)
➡ 10

03. 증감연산자

: ++a, a++, --a, a--

➡ y = ++a : a값을 증가하고 y에 적용
➡ y = a++ : y에 적용하고 a값 증가

04. 반복문

for(let i = 0, i < n, i ++)
  
/*let i = 0 : 0부터 시작*/
/*i < n : n번 만큼 돌림*/

05.조건문

1. if ~
2. if ~ else ...
3. switch

06. 추천하는 함수 사용방식

let 함수 이름 = function (값1, 값2) {
	let 변수 = ~
    return 변수;
}

💡 값1, 값2는 input, return 뒤의 변수값은 output

07. 화살표 함수

let 함수 이름 = (값1, 값2) => {
	return ~
}

또는 

let 함수이름 = (값1, 값2) => (~)

💡 input => output 형태로 생각하기

08. Object 객체

1. 만들기(선언)

const ironman = {
	name : "stark".
    age : 54,
}

💡 name과 age는 데이터를 넣은 이름 (key : value 형태로 생각하기)

2. 사용하기(접근)

/*1번 유형*/
ironman.name 
➡ stark 출력
ironman.age
➡ 54 출력

/*2번 유형*/
ironman["name"]
➡ stark 출력
ironman["age"]
➡ 54 출력

3. 추가하기

ironman.height = "181";

➡ ironman에 height라는 key 추가

4. 삭제하기

delete ironman.age;

➡ ironman에서 age라는 key 삭제

09. Object 매서드

: 객체 안에 함수가 들어가있는 것을 의미함

const person = {
	name = "YunGyung",
    age = 23,
    hascompany = false,
    isCEO : function() {
    	console.log("창업가입니다!");
    }
}
person.isCEO();

: object 안에 정의된 프로퍼티를 사용할 때는 this를 사용함

const person = {
	name = "YunGyung",
    age = 23,
    hascompany = false,
    isCEO : function() {
      if (person.hascompany == true){
   /*또는 if (this.hascompany == true)*/
        console.log("창업가입니다!");
      }
   }
}
person.isCEO();

➕ Techit 챕터 14, 15 수강 인증샷