"> 제목 "> 제목 ">

<head>
  <!-- HTML Meta Tags -->
  <meta charset="UTF-8" />
  <title> 제목 </title>
  <meta
    name="description"   content=" 설명 "   />
  <meta name="keywords" content="키워드, 양파고, Yang Phago, 노션, 양파고 노션, notion" />

  <!-- Open Graph / Facebook -->
  <meta   property="og:title"   content="제목 "  />
  <meta  property="og:description" content=" 설명, 양파고, Yang Phago, 노션, 양파고 노션  "  />
  <meta property="og:image" content="대표 이미지" />
  <meta property="og:url" content="페이지 주소" />
  <meta property="og:type" content="website" />
</head>

목차(클릭하세요)

<aside> 💡

</aside>

1. JS만의 함수 특징

1-1. 함수와 호이스팅

호이스팅(Hoisting)은 변수와 함수 선언이 해당 스코프의 최상단으로 "끌어올려지는" JavaScript의 독특한 동작

함수 선언문 호이스팅

// 함수 호출이 선언보다 먼저 와도 동작함
sayHello(); // "안녕하세요!" - 정상 동작

function sayHello() {
    console.log("안녕하세요!");
}

이게 왜 될까?
- 자바스크립트는 코드를 실행하기전 준비단계를 거치는데, 이 때 중첩함수가 아닌 함수들은 모두 찾아 미리 생성해두는 자바스크립트의 괴랄한 특성때문 인듯
무슨 장점이라도?
- 함수 선언의 위치를 강제하지 않아 더 유연한 프로그래밍이 가능해짐

1-2.함수 표현식

함수를 변수에 할당하는 방식으로, 함수를 값처럼 다룰 수 있음

// 함수 선언문
function declaration() {
    return "선언문";
}

// 함수 표현식
const expression = function() {
    return "표현식";
};

// 명명된 함수 표현식
const namedExpression = function myFunc() {
    return "명명된 표현식";
};

[함수표현식에서 무슨 차이?]

함수 표현식 = 기본적으로 익명 함수를 변수/상수에 할당하는 방식.
명명된 함수 표현식 = 이름이 붙은 함수 표현식 (주로 디버깅 편의를 위해 사용).

1-3.화살표 함수

ES6에서 도입된 간결한 함수 표현 방식
익명함수를 매우 간결하게 작성할 때 사용
➡️ 일종의 함수표현식의 단축문법