오물오물 개발일기

* 드림코딩 강의 기반으로 정리된 글 입니다. * OOP (Object Oriented Programming) Class : template (청사진, 설계도) Object : Instance of a class (클래스의 객체화) JavaScript : Introduced in ES6 1. Class declarations 2. Getter and Setter get이라는 키워드로 리턴하고 set으로 설정한다. getter를 정의한 순간 this.age는 메모리에 올라가는 데이터를 불러오는게 아니라 getter를 호출한다. setter를 정의하는 순간 = age; 즉, 값을 할당할때 setter를 호출한다. setter안에서 전달된 value를 this.age에 할당할때 메모리값을 업데이트하는게 아니라..

* 드림코딩 강의 기반으로 정리된 글 입니다. * First Class Function 함수를 변수에 대입 할 수 있다. 함수를 인자로 전달 할 수 있다. return을 함수로 반환 할 수 있다. * Function expression * Callback funciton

* 드림코딩 강의 기반으로 정리된 글 입니다. * Default Parameters ES6에서 추가되었습니다. * Rest parameters ES6에서 추가되었습니다. * Early return, Early exit

* 드림코딩 강의 기반으로 정리된 글 입니다. 1. Use Stirct ES5 에 추가 JavaScript 실행시 오류 메세지 알림 2. Variable 값을 할당해도 변경이 가능하다. (mutable) let 과 var 가 있지만 ES6이후에는 let만 사용 한다. 더보기 * var - var hoisting : 변수선언이 아래에 위치하여도 맨위로 끌어 올려서 사용한다. - no block scope : 블럭 안에 변수를 선언해놔도 어디에서나 사용이 가능하기 때문에 규모가 커질 경우 선언하지 않은 값들이 할당되어서 문제를 야기시킨다. 3. Constants 한번 값을 할당하면 절대 바뀌지 않는다. (immutable) security (보안) : 해커들이 코드를 변경하지 못하게 해준다. thread s..

* 드림코딩 강의 기반으로 정리된 글 입니다. * async & defer HTML 문서는 위에서부터 아래로 차례대로 parsing 한 후 css와 병합해서 DOM요소로 변환한다. 와 사이 어디에나 위치해도 작동은 하나 위치에 따라 웹페이지 로딩의 차이, 속도 등 차이가 있다. 태그 사이에 위치 할 경우 동작 순서는 아래와 같다. parsing 하던 html을 멈추고 JavaScript를 다운받고 다시 html을 parsing하게 된다. JavaScript가 사이즈가 크거나 인터넷이 느리면 사용자가 웹사이트를 보는데 시간이 많이 소요된다. 태그의 끝에 위치 할 경우 동작 순서는 아래와 같다. HTML를 먼저 parsing 한 후 JavaScript를 다운 받는다. 사용자가 기본적인 HTML content..