한입 리액트

Section 1. JS 기본

기본적인 것은 다 안다고 생각했는데, 다시 보니 설명할 수 있을 정도로 이해하고 있지는 못했다고 느꼈다. 익숙해지는게 먼저다. 하루 4시간 분량 학습을 목표로 한다.

변수와 상수, 자료형, 조건문

• var let const 차이를 알게 됨

  • var는 두 번 선언이 가능한 것이므로 사용하지 않는 것은 알았으나 이유를 알게됨

  • let 은 선언하고 다음에 let 빼고 변수명=상수로 할당 가능

  • const는 어떻게 해도 변경 불가능. 함수 선언할때 사용

• NaN도 number 타입이다.

• a++ 출력하면 a가 나오고 그 후에 a에 a+1 값이 적용됨. ++a 처럼 전위연산으로 하면 a 출력 시 a+1 값이 잘 나옴

• null 병합 연산자

  let a;
  a = a ?? 10; // -> a가 undefined 였는데, ?? 10 때문에 10으로 할당됨
  console.log(a); // -> 10

• 조건문에서 if-else만 썼는데 switch-case문을 써야하는 경우가 어떤 경우인지 알게됨. 조건문 선택지가 많을 때(else if를 많이 써야할 때) switch-case 쓰고 break로

함수

• 함수 이름을 지정해서 선언하고 사용하는거면 함수 선언식, 이름 없이 변수에 함수를 할당하면 함수 표현식

• 함수 선언식을 밑에다 선언해도 맨 위에 있는 것처럼 위에서도 사용 가능 : hoisting

• 함수 표현식은 hoisting 안됨

• 화살표 함수 : function 지우고 return 생략 가능. hoisting 대상이 아니다. 따라서 순서 맞게 사용해야 함

• Callback 함수 : main함수 안에서 sub 함수를 사용하고 main 함수를 호출(사용)하는 상황에서 sub함수를 추가하거나 다른 sub함수를 main함수에서 사용하려면 main함수를 건드려야 했는데, Callback 함수를 사용해서 main함수를 건드리지 않고 유연하게 main함수를 사용할 수 있게 해준다.

객체

• key값이 2개면 뒤에꺼로 적용됨