10/21

Javascript 시작하기 전에

실습 환경 세팅하기

브라우저와 개발자도구

브라우저와 디버깅

Javascript 언어의 특징 - 인터프리터 언어

1. 컴파일러 언어
2. 인터프리터 언어

Javascript 언어의 특징 - 그 외

Javascript 표준화 - Javascript의 탄생배경과 ECMAScript

Javascript 표준화 - Javascript 2015+로 개발하기

변수란?

변수 생성 방법과 호이스팅

변수 실습

Number Type, BigInt Type (infinity, NaN)

String Type, Boolean Type

undefined와 null Type, Symbol Type

Reference type

동작 타입 언어

연산자 - 단항 연산자, 산술연산자

연산자 - 관계 연산자, 동등 연산자

연산자 - 이진논리 연산자, 기타 연산자들..

재사용 처리기, 함수

함수 : 소프트웨어에서 특정 동작을 수행하는 코드 일부분을 의미

자바스크립트에서 함수는 객체처럼 속성과 메서드를 가질 수 있음
객체와의 차이점? -> 함수는 외부에서 호출이 가능하지만, 객체는 외부에서 호출이 불가함

자바스크립트에서의 함수는 일급객체의 특징을 모두 갖고 있다.

일급객체란, 다른 객체에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다.
아래 정의에 해당되면 일급객체다.
1. 일급객체는 함수의 실제 매개변수가 될 수 있다.
2. 일급객체는 함수의 반환값이 될 수 있다.
3. 일급객체는 할당명령문의 대상이 될 수 있다. (변수 등에 할당 가능)
4. 일급객체는 동일비교의 대상이 될 수 있다. (값으로 표현 가능)

JavaScript 함수의 특징

• 매개변수(parameter)

1. 기본값 매개변수

2. 나머지 매개변수
   -> 가변항 함수
   -> spread 연산자

3. arguments 객체 : 함수에 전달되는 인자들을 참조할 수 있는 객체
   -> js의 함수 : function 객체 상속
   -> function 객체의 기본 속성 : arguments

-> 형태 : 배열이 아니고 유사배열 형태, 배열 내장 method 사용 불가

• 매개변수(parameter)와 인자(argument)의 차이

1. 매개변수 : 함수를 정의할 때 사용하는 변수
2. 인자 : 함수가 호출될 때 넘기는 값

함수의 사용 패턴

함수 생성 방법
1. 함수 선언문
2. 함수 표현식(익명함수, 기명함수)

3. function 생성자 함수

• function 객체 : 자바스크립트 내장 객체 중 하나
• 함수 생성방법의 기본 원리
  -> 함수 표현식, 함수 선언문: 축약법
• (미리 배우기) 생성자 함수
  -> 내장 객체 활용 : 인스턴스 생성
  -> new 내장객체()
• new Function(arg1, arg2, ..., 'return 1')

4. 화살표 함수 표현식
   function 키워드 사용하지 않고 화살표 사용.

함수 사용 패턴
1. IIFE(즉시 실행 함수)
2. 재귀함수
3. 중첩함수
4. 콜백함수(이벤트 기반)

일급객체 실습, 매개변수 실습

• prms-repo파일에 실습함

함수의 일급객체 성질과 매개변수 실습을 함
각 파일 : object.js, parameter-demo.js 파일에서 확인 가능

함수 생성 방법

함수의 여러가지 형태