the murmurous sea

The study started from: I can't hoist const function...?! Why...? A. Declaring Variables www.youtube.com/watch?v=dzEieWaOJE0&t=5s www.youtube.com/watch?v=j-9_15QBW2s B. Temporal Dead Zone It's because of : Unlike variables declared with var, which will start with the value undefined, let variables are not initialized until their definition is evaluated. : Accessing the variable before the initia..

What is Event? - The Event interface represents an event which takes place in the DOM. - An event can be triggered by the user action or can also be triggered programmatically. - Event itself contains the properties and methods which are common to all events. - 이벤트는 이벤트 대상, 이벤트 종류, 이벤트가 발생했을 때 실행되는 함수, 이 3가지로 구성 Constructor Event() How to add 1. HTML tag - inline: add the function to the tag pro..

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

After //1. var console.log('typeof minus:', typeof minus) console.log('minus(5,1):', minus(5,1)) var minus = (a,b) => a - b; //typeof minus: undefined //Uncaught TypeError: minus is not a function at check.js:4 //(anonymous) @ check.js:4 //2. const console.log('typeof minus:', typeof minus) console.log('minus(5,1):', minus(5,1)) const minus = (a,b) => a - b; //Uncaught ReferenceError: Cannot acc..

Literals represent values in JavaScript. These are fixed values—not variables—that you literally provide in your script. This section describes the following types of literals: An array literal is a type of object initializer ‘리터럴’은 변수에 할당하는 고정 형태의 값 표기한 문자가 있는 그대로 자신을 나타내는 값이죠. 변수가 자신의 이름과 자신이 가리키는 값이 다를 수 있고, 얼마든지 값을 편집할 수 있는 것과 대조됩니다. 반면 생성자는 일종의 함수입니다. 객체의 초기화를 담당하는 함수죠. 리터럴과 달리 구현의 과정과 결과물은..

git init git status git add (file) git commit git commit -m "message" git log git log --stat git diff different, shows the differences between the last version and working tree git log -p patch, shows the changes in the version git checkout : navigate between the branches git commit -am "message" add + commit with message at once git commit : shows a default editor to add multi lined message git..

1. Is a web app that uses modern web capabilities to deliver an app-like experience to users. 2. succeed when bringing new capabilities while maintaining shared principles: URLs and links as the core organizing system: if you can't link to it, it isn't part of the web Markup and styling for accessibility, both to humans and search engines UI Richness and system capabilities provided as additions..

pushState + ajax AJAX의 기능에 HTML5의 기능인 History API를 응용하여 나온 기능 예전까지의 AJAX는 뒤로가기를 해버리면 페이지를 그대로 빠져나와버립니다. 이 이유는 AJAX가 URL을 변경하지 않고 페이지의 데이터를 변경 : HTML5에서 pushState를 사용할 수 있게되면서 AJAX의 이점을 유지하고 문제점을 보완 History API에서 특히 pushState라는 기능을 많이 이용하여 작동합니다. : pushState는 URL 주소와 타이틀만 변화 : pushState 는 HTML5 에서 추가된 메소드로 브라우저의 히스토리를 조작할 수 있고, 뒤로가기/앞으로가기 버튼을 이용할 수 있습니다. pjax 는 pushState 를 이용한 ajax 처리방식으로 jQuery ..

https://junsday.tistory.com/40 [Web App]싱글 페이지 어플리케이션 (SPA-Single Page Application) SPA란? 단일 페이지 애플리케이션. 정적파일을 한번에(나눠서도 가능) 모두 다운로드받고, 이후 사용자와의 상호작용 가운데 필요한 데이터만 서버에서 (비동기)동적으로 받게 해 트래픽의 총량� junsday.tistory.com https://ssungkang.tistory.com/entry/WEB-SPA-single-page-application-%EB%9E%80?category=375705 [WEB] SPA, single page application 란 SPA 란? SPA 란 Single Page Application 의 약자로 말 그래도 해석해보면 페..

1. method 2. returns a Promise. 3. As the then and Promise.prototype.catch() methods return promises, they can be chained — an operation called composition. 4. returns a Promise which allows for method chaining. [Syntax] p.then(onFulfilled[, onRejected]); p.then(value => { // fulfillment }, reason => { // rejection }); onFulfilled Optional A Function called if the Promise is fulfilled. : has one..