Function and Events

Keyword overview

---

Function

Variables scope 

hoisting

var let const

Parameter and Argument

return

Function Expression

Types of Event

Event Handler and Event Listener

---

---

The Code Card

---

Function

https://lshjju.tistory.com/726

Function

---

Variables scope and hoisting

https://lshjju.tistory.com/724

Variables scope and hoisting

---

var let const

https://lshjju.tistory.com/725

var let const

---

Parameter and Argument

https://lshjju.tistory.com/728

Parameter and Argument

---

return

https://lshjju.tistory.com/730

return

---

Function Expression

https://lshjju.tistory.com/727

Function Expression

---

Types of Event

https://lshjju.tistory.com/731

Types of Event

---

Event Handler and Event Listener

https://lshjju.tistory.com/732

Event Handler and Event Listener

---

---

Code training

---

---

17-1 함수 알아보기

---

---

여러 동작을 묶은 덩어리, 함수

---

---

함수는 왜 사용할까?

---

---

함수 선언 및 호출

---

함수를 사용하지 않고 두 수 더하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/no-function.html

 

함수를 사용해 두 수 더하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/using-function.html

 

---

---

17-2 변수 스코프

---

---

var 예약어를 사용한 변수

---

---

지역 변수와 전역 변수

 

var 변수 사용하기 1

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-1.html

 

var 변수 사용하기 2

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-2.html

---

---

var 변수와 호이스팅

 

var 변수 호이스팅

https://github.com/lshjju/doit-hcj-new/blob/main/17/var-3.html

---

---

변수의 재선언

 

var 변수 재선언하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-4.html

---

---

---

---

let과 const를 사용한 변수의 특징

---

---

블록 안에서만 쓸 수 있는 변수

 

let 변수를 사용해 1부터 10까지 더하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-5.html

---

---

재선언 할 수 없는 let 변수

 

let 변수 재선언하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-6.html

 

---

---

재선언도, 재할당도 할 수 없는 const 변수

 

const 변수 재할당하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-7.html

 

const 변수 재선언하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-7.html

---

---

호이스팅이 없는 변수

 

호이스팅이 없는 let 변수

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/var-8.html

---

---

---

---

자바스크립트변수, 이렇게 사용하세요

---

---

1.전역 변수는 최소한으로 사용합니다.

---

2. 변수를 선언할 때는 var 보다 let이나 const를 사용합니다.

---

3. for문에서 카운터 변수를 사용할 때는 let 예약어를 사용하세요.

---

---

---

17-3 재사용할 수 있는 함수 만들기

---

---

매개변수, 인수, return 알아보기

---

---

함수를 선언할 때 매개변수 지정하기

 

매개변수를 사용해 함수 호출하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-1.html

---

TIP - return 문에서 식을 반환할 수도 있어요.

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-1.html

---

---

---

---

---

매개변수 기본값 지정하기

---

매개변수의 기본값 지정하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-2.html

---

---

실습 - 1부터 n까지 숫자를 더하는 함수

---

1단계 매개변수가 있는 함수 선언하기

2단계 함수 호출하기

 

준비

https://github.com/lshjju/doit-hcj-new/blob/main/17/calcSum.html

결과

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/calcSum.html

---

---

17-4 함수 표현식

---

---

익명 함수

---

익명 함수 실행하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-3.html

---

---

즉시 실행 함수

---

즉시 실행 함수 만들기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-4.html

---

매개변수가 있는 즉시 실행 함수 만들기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/function-5.html

---

---

화살표 함수

---

---

매개변수가 없을 경우

 

매개변수가 없는 화살표 함수(중괄호 생략)

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/arrow-1.html

---

---

매개변수가 1개인 경우

 

매개변수가 1개인 화살표 함수

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/arrow-2.html

---

---

매개변수가 2개 이상인 경우

 

매개변수가 2개인 화살표 함수

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/arrow-3.html

---

---

17-5 이벤트와 이벤트 처리기

---

---

이벤트 알아보기

---

---

마우스 이벤트

---

키보드 이벤트

---

문서로딩 이벤트

---

폼이벤트

---

---

---

이벤트 처리기 알아보기

---

버튼을 클릭하면 알림 창 표시하기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/event-1.html

 

버튼을 클릭하면 배경색 바꾸기

https://github.com/lshjju/doit-hcj-new/blob/main/17/results/event-2.html

---

---

---

Copyright

이 포스팅의 깃허브코드와 강의 목차 저작권은 이지스퍼블리싱에 있습니다.
https://www.easyspub.co.kr/20_Menu/BookView/696/PUB

---