Javascript Koans (과제)

type-1

• 느슨한 동치 연산자 (==)와 엄격한 동치 연산자(===) 차이
• 동치 연산자 사용시 최대한 같은 타입 비교, 동치 연산자 사용, 조건문에 비교 연산을 명시하는 것이 좋다!

  expect(1+"1").to.equal("11") // 1이 string 타입으로 형변환
  expect(123-"1").to.equal("122") // '1'이 Number 타입으로 형변환
  expect(1+true).to.equal(2) // true가 Number 타입으로 형변환
  expect("1"+true).to.equal("1true") // true가 string 타입으로 형변환

const

• const로 선언된 변수에는 재할당이 금지(의도치 않은 재할당 방지를 위해 가급적 let보단 const 사용 권장)
• const로 선언된 배열의 경우 새로운 요소를 추가, 삭제 가능
• let과 const의 차이 확실히 하기!

scope

• 변수의 값을 찾을 때 확인하는 곳!
• 함수 선언식과 함수 표현식의 차이 확실히 알기
• 호이스팅 : 어디에서 선언했느냐에 상관없이 맨 위로 선언된 것처럼 끌어올려주는것 (but 좋은 코드 === 호이스팅 신경 안 써도 되는 코드!)
• lexical scope (함수가 어디서 선언되었는지에 따라 결정)
• default parameter (전달인자가 없을 때 기본 값으로 할당하는 매개변수)
• closer의 개념 확실히 하기!

arrowFunction (화살표함수)

• function 키워드를 생략하고 화살표 => 를 사용
• 리턴도 생략 가능

  const substract = (x,y) => x-y;
  expect(substract(10,20)).to.eql(-10); 

types_part2

• 원시 자료형 (하나의 데이터만 담음, 값 자체를 할당)

  string, number, bigint, boolean, undefined, symbol, (null)

• 참조 자료형 (변수에 주소값이 담김)

  배열([])과 객체({}), 함수(function(){})

array

• 배열의 타입 확인 (Array.isArray())
• 배열 메서드 숙지하기!

object

• object의 길이 === undefined
• this 메서드 확인하기

spreadSytax (전개 문법)

• ...배열 로 배열 펼치기

destructingAssigmant (구조 분해 할당)

• rest(파라미터를 배열로 받음) / spread(배열 풀어서 사용) 문법 숙지하기

---

< 느낀점 >

페어님이나 교육엔지니어님 설명을 들으면 알겠는데 막상 코드를 보면 백지화 되는 거 보면 아직 이론이 확실하지 않아서 그런 것 같다. 이해가 안 되면 암기라도 해서 빨리 기본 문법은 좀 때야겠다 ㅠㅠ 주말에 파일 켜두고 열심히 뜯어봐야겠다🥺