JS 정리(1)

✍🏻 Study 시작!

본 스터디는 <한 입 크기로 잘라먹는 React.js>과 React 공식문서를 바탕으로 전정훈님, 최민재님, 이동언님과 함께 진행합니다.
리액트 스터디 시작에 앞서 자바스크립트의 기본적인 문법들과 흐름을 확인하고 헷갈리거나 기억해두고 싶은 정의를 간단하게 작성해보려고 한다.
ES6 문법에 대한 내용이나 더 자세한 자바스크립트 이론들은 TIL 시리즈의 JS 라인들을 참고하면 된다. JS(2)-ES6 문법 정리

원시타입과 비원시타입

js는 원시타입 값과 비원시타입 값으로 나뉜다.
원시는 하나의 고정된 공간을 이용하여 한 번에 하나의 값만 저장할 수 있고,
비원시는 여러개의 동적 공간으로 한 번에 여러개의 값을 저장할 수 있다.

원시에는 number, string, null, undefined, boolean
비원시에는 object, array, function

널병합 연산자 ??

널 병합 연산자 ?? 는 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.
널병합연산자 mdn 문서

callback func

let checkMood = (mood, goodCallBack, badCallBack) => {
  if (mood === "good") {
    goodCallBack();
  } else {
    badCallBack();
  }
};

const sing = () => console.log("sing~");
const cry = () => console.log("cry..");
const dance = () => console.log("dance!");

checkMood("good", sing, cry);

함수의 파라미터로 전달되어 호출되는 함수 콜백함수!