2-07 JSON ~ 3-05 Arrow Function

2-07 JSON

강의 들으면서 JSON 정리

전혀 이해하지 못했음

 

 

2-08 Window 내장함수

1. alert() : 알림 창 띄우기

 

2. confirm() : 취소/확인 창 띄우기(ex)"정말 삭제 하시겠습니까?)

 

3. prompt() : 사용자로부터 텍스트값을 입력 받을 수 있게 해 줌

 

4. window.open() : 파라미터 html주소로 이동할 수 있음

 

5. window.print() : 프린트(출력) 하는 창을 띄움 

 

6. setTimeout() : 지정된 시간 이후에 함수를 실행시킴('1000'은 '1초'를 의미함)

 

setTimeout() 활용 방법

 

7. setInterval() & clearInterval() : 지정된 시간 마다 함수를 실행시키고, 종료시키는 함수

 

setInterval() & clearInterval() 활용 방법

2-09 개발자도구

1. console.log("hello world")

 

2. console.info("hello world") : 정보

 

3. console.warn("hello world") : 경고

 

4. console.error("hello world") : 에러

 

log-info-warn-error

 

5. console.table() : 데이터를 표로 만들어 줌

 

 

console.table() 활용 방법

 

6. console.time() & console.timeEnd() : 코드가 실행되고 종료하는데 까지 걸리는 시간을 측정해서 알려 줌

 

 

console.time() 활용 방법

 

3-01 this키워드

1. console.log(this) : this는 window를 의미함

 

2. 오브젝트 내의 this : this는 오브젝트 내를 의미함

 

3. 함수 내의 this : this는 window를 의미함

this가 위치에 따라 다른 의미를 지닌다는 것은 알았으나, 정확하게 왜 사용하고, 어떻게 사용하는지, 또 어떤 원리로 작동되는지는 이해하지 못함

 

 

3-02 Scope

1. scope : 사용자가 정의한 변수에 대한 접근성을 의미함

 

2. global scope : 전역변수(함수 밖에 선언한 변수)

 

3. local scope : 지역변수(함수 내에 선언한 변수)

 

4. 전역변수와 지역변수의 관계 : 함수 밖에서는 함수 안에 선언된 변수에 접근 할 수 없음

함수 내에서는 함수 밖에 선언된 변수에 접근 할 수 있음

 

5. 함수의 특징 : Javascript에서는 함수를 먼저 읽기 때문에 꼭 함수 선언 아래에 함수를 호출하지 않아도 함수가 호출되는 특징이 있으나, 함수를 변수에 담아 선언하게 되면 선언한 함수 아래에서 함수를 호출해야 함수가 호출됨

 

 

3-03 Default Function Parameter

작성 방법은 function 함수명(파라미터 = 기본값){}

EcmaScript6버전 이후에 Javascript에 새롭게 추가 된 기능임

파이썬의 기본 매개변수와 같은 개념임

함수 선언시, 파라미터에 기본값을 설정해 주면 함수를 호출 할 때 파라미터값을 입력하지 않아도, 설정해 놓은 기본값으로 파라미터값이 

입력되어 오류발생 없이 함수가 호출 됨 

 

Default Function Parameter 활용 예시

 

3-04 Rest Parameter

작성 방법은 function 함수명(...파라미터){}

EcmaScript6버전 이후에 Javascript에 새롭게 추가 된 기능임

파이썬의 가변인자와 유사한 개념임

입력한 파라미터 값을 전부 배열로 바꿔 함수가 실행 됨

 

Rest Parameter 활용 예시

 

3-05 Arrow Function

작성 방법은 일반적인 함수 선언시 사용하는 function 대신 '(  )'와 '{  }'사이를 '=>'로 작성

ex) var function hello(파라미터){실행 할 코드}  --------->  var hello = (파라미터) => {실행 할 코드 }

EcmaScript6버전 이후에 Javascript에 새롭게 추가 된 기능임

 

console.log("블로그를 알아보는 중 코드블럭삽입을 알게 되었습니다.")
console.log("다음 Til부터는 코드블럭을 활용하여 글을 작성해 나가도록 하겠습니다.")