2018-09-06

- 정보처리기사 및 산업기사 실기시험 공부 (1과목 실무알고리즘 응용문제풀이)

- 인프런의 러닝패스 '웹 프론트엔드 개발 로드맵' 에서 '핵심개념을 알아보는 Javascript Flow' 강좌 수강완료

 

[내용정리]

 

자바스크립트 데이터 타입은 크게 두가지

Primitive Type,

Reference Type

 

Primitive Type (기본유형)
- Number
- String
- Boolean
- null
- undefined

= 값을 그대로 할당

예를들어 변수명을 정하고 변수를 할당할경우
빈 데이터 공간을 할당하고 정해진 주소에 입력한 변수를 저장하게 된다.
새로운 변수를 지정했을경우 기존에 있던 데이터에 새로운 변수값을 덮어 씌운다.

 

 

Reference Type (참조유형)
- Object (객체)
- Array (배열)
- Function (함수)
- RegExp (정규표현식)

= 값이 저장된 주소값을 할당

참조유형은 데이터가 공간을 할당할때 더이상 나누어 할당할 공간이 없을때까지 새로운 주소를 참조하여 데이터값이 입력된다.
var a = [1,2,3]

일경우 변수 a가 할당된 메모리에 1,2,3을 한꺼번에 넣을수 없으니 다시 개별 주소에 각각 1,2,3을 넣고
이 1,2,3에 할당된 메모리를 a가 할당된 메모리에서 참조하게 된다.

 

함수선언문과 함수표현식

 

함수선언문

function a() {
 return 'a';
}

협업을할때는 다른곳에서 선언된 함수와 충돌을 일으킬 위험이 있음

함수표현식 (기명함수표현식 / 익명함수표현식)

var b = function bb() {
 return 'bb';
}

var c = function () {
 return 'c';
}

변수에 함수를 할당한다.
이 표현식이 더 예측가능하고 안정성이 높다.

 

 

callback 함수
무언가가 이 함수를 언젠가는 호출해서 언젠가는 다시 돌려줄거야
제어권을 맡기고자하는 대상한테 넘겨준다. 맡긴다.

어떻게 처리할지는 그 제어 대상에게 달려있다.

 

setInterval (일정시간이 지나면 내용을 실행 - 그렇게 실행되도록 저장되어있음)

setInterval(function () {
 console.log('1초마다 실행될 겁니다.');
}, 1000);
1초마다 인자1의 callback 함수를 실행시킨다.
즉 함수의 실행제어권을 setInterval에게 맡긴것이 된다.

 

var arr = [1,2,3,4,5];
var entries = [];
arr.forEach(function (v,i) {
 entries.push([i, v, this[i]]);
}, [10, 20, 30, 40, 50]);

console.log(entries);

 

this

전역공간에서 this = window
함수내부에서 this = window 
메소드호출시 this = 메소드호출주체
var a = {
 b: function() {
  console.log(this);
 }
}
a.b();
여기서의 this 는 a

 

- 어느정도 자바스크립트를 알고있는 사람들에게 해당되는 강의

- 영상편집이 말하는 속도가 빠르고 공백텀이 없어서 설명을 듣고 이해하는데 어려움이 있었음

- 정리한 내용외에 자바스크립트에서 중요한 클로저와 클래스처럼 만들어 쓰는 방법들이 나와있음

- 실제 실무와 내가 활용하는데에는 조금더 시간이 필요할것으로 보임