TIL 221107 회고

6일차 회고록

• 자바스크립트 기본 문법

자바스크립트 기본 문법 시작

• 1주차 자바스크립트 기본 문법은 아직 따라 갈수 있는 정도 이다.
  중간중간 퀴즈 나오는 부분을 풀어보니 복습 차원에서 너무 좋았다!
  아래는 하면서 어렵거나 헷갈렸던 부분을 정리해 보았다.

오늘의 복습✏️

js 데이터 타입

• 원시형(primitive) 타입

  1.숫자(number) : 숫자 ex) 1, 10, 100, 1000
  2.문자열(string) : 문자 ex) "강아지", '귀여워'
  3.boolean : true/false

  4. null / undefined : null(텅텅 비어 있는 값), undefined(변수를 선언하고 할당되어 있지 않는것)

증감연산자

// ++count -> 자기자신에 먼저 1더하고 addCount 에 할당.  
 let count = 1
 const addCount = ++count //2
 // count = count + 1
 // const addCount = count
 
 // count++ -> addCount2에 자기 자신의 값을 먼저 할당하고, 이후에 1을 더해서 할당.
 let count2 = 1
 const addCount2 = count++ //1
 // const addCount2 = count
 // count2 = count + 1

반복문

• while

let a = 1
while (a < 5){
	console.log(`${a}`); 
  	a++
}

• for

for(let b = 1; b < 5; b++){
	console.log(`${b}`)
}

객체와 클래스

• 클래스

class Phone{
	constructor(size,color,company){
    	this.size = size;
      	this.color = color;
      	this.company = company
    }
  	phoneInfo(){ //메소드
    	console.log(`사이즈: ${this.size},컬러: ${this.color},회사:${this.company} `)
    }
}
const phone1 = new Phone(13,'blue','Apple')
phone1.phoneInfo() //사이즈: 13,컬러: blue,회사:Apple

• 객체

const fruits = {
	name: 'apple',
  	color: 'red',
    fruitsInfo: function(){
    	console.log(`과일 이름:${this.name}, 과일 색:${this.color}`)
    }
}
fruits.fruitsInfo() // 과일 이름:apple, 과일 색:red

배열 메소드

const product = ['cup','pen','note']
//push()
product.push('notebook')
console.log(product)//cup,pen,note,notebook

//pop()
product.pop()
console.log(product) //cup,pen,note