[JS] 개념 정리

드림코딩 by 엘리(youtube)영상으로 공부하며 정리한 내용입니다.자바스크립트 9. 유용한 10가지 배열 함수들. Array APIs 총정리 | 프론트엔드 개발자 입문편 ( JavaScript ES6)

function add(num1, num2) { return num1 + num2;}// function surprise(operator:number){// }// 타입스크립트의 경우, surprise 함수는 operator라는 숫자를 가져온다고 이해할 수 있다.//

화면상의 글자 등 HTML요소를 변경하고자 할 때 사용한다.document.getElementbyId로 원하는 Id를 가진 태그의 정보를 가져온 뒤, 이 정보를 innerHTML을 사용해 변경할 수 있다.

값의 타입을 변환하는 방식은 2 가지가 있다.명시적 타입 변환 :개발자가 의도적으로 값의 타입을 변환하는 것암묵적 타입변환자바스크립트 엔진은 표현식 x + ''을 평가하기 위해 x 변수의 숫자 값을 바탕으로 새로운 문자열 값 '10'을 생성하여 10 +''를 평가한다

StringBooleanNumberNullUndefinedObjectSymbolPrimitiveReference초기의, 원시적인 단계의String은 Primitive(원시값)이다.원시값의 모양이 같으면 같은 값으로 단순하게 판별한다.a가 10인 시점에서 b에 값을 한번

Arrow Function 검색하고 필요한 것들을 찾아보다보면 보이는 코드가 있었다. 이게 대체 뭔지?? 어떻게 쓰이는 건지 궁금해서 찾아보았더니,Arrow Function이라는 것이었다. 배열을 다루는 함수들을 쓸때 훨씬 효율적으로 코드를 작성할 수 있는 것 같았다

반응형으로 만들어야 디바이스 마다 알맞게 화면이 보인다. 유동적인 레이아웃을 만드는 것이 중요하다 float과 %밸류를 사용했었는데,px등..고정 값이 아닌 요즘에는 flex grid,flexbox, vw,vh,%등을 사용해 만든다 Media Queries 기기의 화

function add(num1, num2) { return num1 + num2; } // function surprise(operator:number){ // } // 타입스크립트의 경우, surprise 함수는 operator라는 숫자를 가져온다고 이해할

// 어떻게 하면 깔끔하게 비동기처리 코드를 작성할 수 있을까?>프로미스// 기능이 정상적으로 작동하면 성공 메세지를 전달하고 다음 함수를 실행한다./// promise is a JS object for asynchronous operation./// 자바스크립트에 내

헷갈렸던 부분은 다음과 같다.noOfBrain 인자만큼 전달된 수의 +1 길이의 배열을 만든다.join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만든다.빈 문자열 5개를 join으로 합쳐 하나의 배열로 만들었다. 그리고 구분자는(" "+this.maste

var _; //globals /* This section uses a functional extension known as Underscore.js - http://documentcloud.github.com/underscore/ "Underscore i

it("should use lexical scoping to synthesise functions", function () { function makeMysteryFunction(makerValue) { var newFunction = functi

프로토 타입이란? https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67

재귀함수에는 반드시 조건에 따라 함수 실행을 끝내는 구문이 있어야 한다.여러 함수들을 호출하는 상황에서 해당 위치를 추적하는 자바스크립트 엔진을 위한 메커니즘 현재 어떤 함수가 동작하고있는지, 그 함수 내에서 어떤 함수가 호출되는지, 다음에 어떤 함수가 호출되어야 하는

청사진,템플릿과 같다. 클래스 자체에 데이터가 들어있지 않고 틀만 들어있다.여기에 실제로 데이터를 넣는 것이 object. 클래스를 이용해 인스턴스를 생성하면 object가 된다. 붕어빵틀이라는 클래스를 이용해 팥을 넣으면 팥붕어빵이라는 오브젝트가 된다.class:

객체나 배열을 변수로 분해할 수 있도록 하는 문법let {var1, var2} = {var1:…, var2:…}할당 연산자 기준좌측 : 상응하는 객체 프로퍼티의 패턴우측 : 분해하고자 하는 객체쉼표를 사용하면 필요하지 않은 배열 요소를 버릴 수 있다.할당하고자 하는 변

함수의 마지막 인자들을 숫자의 제한없이 배열로 받아 처리한다.마지막 인자들만 사용할 수 있다. 처음 인자들을 설정할 수는 없다.‌Spread Syntax는 배열이나 유사배열 형태의 자료를 펼친다.함수를 실행할때 넘겨주는 인자나 배열을 만들고 요소를 지정해줄때 사용할 수

함수의 매개 변수를 선언할때, 기본값을 지정해 줄 수 있다.

ex)/gr\[aed]y/ gr(a혹은 e혹은 d)y\[a-z]a부터z까지\[^a-z] a-z제외gra?y a가 있거나 없는 경우gra\*y a가 없거나 있거나 많은 경우\\bya 단어 앞에 있는 yaya\\b 단어 뒤에 있는 yaya\\B 단어 뒤에 쓰이지 않는 ya

코드를 실행하기 위해서는 코드를 실행가능하도록 만들기 위해 필요한 정보(환경)이 필요하다.자바스크립트는 함수가 실행될 때마다 현재 실행되는 함수에 대한 관련 정보를 컴퓨터 메모리에 저장하는데, 이렇게 실행할 코드에 제공할 환경정보들을 모아놓은 객체를 Execution

객체를 프로퍼티 값으로 갖는 객체의 경우 얕은 복사 : 한 단계까지만 복사하는 것깊은 복사 : 객체에 중첩되어 있는 객체까지 모두 복사하는 것slice의 메서드의 인수를 모두 생략하면 원본배열의 복사본을 생성하여 반환한다.이 때 생성된 복사본은 얕은 복사를 통해 생성된

this? this는 자신이 속한 객체, 혹은 생성할 인스턴스를 가리키는 자기참조 변수이다. this는 왜 필요할까? 일반적으로 객체의 메서드 내부 this : 메서드를 호출한 객체 생성자 함수 내부 this : 생성자 함수가 생성할 인스턴스 자신이 속한 객체

this는 함수가 실행되는 순간에 값이 결정되기 때문에, 어떻게 실행되었는지를 통해 값을 알아내야 한다.this값은 Global Object 전역객체로, 브라우저에서는 window 객체이다.strict mode에서는 undefined 이다.this를 포함한 함수가 실행

\[javascript] 7. 자바스크립트 생성자 함수와 프로토타입JavaScript : 프로토타입(prototype) 이해\[https://www.notion.so/prototype-da139fe137ac4559ac5793679962b03a주어진 인스턴스에

new키워드와 함께 실행 하는 함수를 생성자 함수라고 한다.생성자 함수는 일반적으로 함수명을 '명사'로 짓고, 함수명의 첫 글자를 대문자로 표기한다.자바스크립트에서 함수의 리턴값이 명시되지 않는다면 기본적으로 undefined가 반환된다.하지만 아래 예제에서는 retu

자바스크립트는 객체 기반의 프로그래밍 언어이다.자바스크립트를 구성하는 거의 모든 것이 객체다. (원시 값 제외)객체는 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조변경가능한 값0개 이상의 프로퍼티로 구성된 집합 \- 프로퍼티는 key와 value으로 구

실행 컨텍스트는 함수가 '선언'될 때 생성된다. > 왜 실행이 아닌 선언될 때 생성될까? 이에 대해 알기 위해서는 우리가 작성한 코드가 어떤 원리로 실행되는지 알아야 한다. 코드 실행 과정 모든 코드는 실행되기 전 준비단계가 필요한데, 이 단계를 '평가' 단계라고 한

끌어올리다, 들어올리다자바스크립트에서 모든 변수 선언문은 스코프 내에서 최상위로 Hoisting된다.이 예시에서 에러는 나지 않는다. undefined만 출력될 뿐이다.실제 코드 실행 과정을 보자.코드를 실행하기 전 변수를 선언하는 부분은 최상위로 이동했다.단, 할당

순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 미리 약속한 규칙ES6에서 도입되었다.이터레이션 프로토콜에는 2가지가 있다.이터러블 프로토콜이터레이터 프로토콜이터러블 프로토콜을 준수한 객체를 이터러블이라 한다.이터러블은 for...of문으로 순회할 수 있으며 스프레

AsynchronousJavascriptAndXML비동기적으로 서버에 데이터를 주고받는 자바스크립트 기술모든 웹페이지의 데이터는 서버에 요청해서 받아온다.이 때 일반적으로 새로고침이 발생하게 되는데,새로고침 없이 부드러운 화면전환 및 데이터 표시를 위해서 Ajax를 사

함수의 매개변수로 전달되는 함수를 말한다.그리고 매개변수로 함수를 전달받는 함수를 고차함수라고 한다.함수를 다른 변수와 동일하게 다루는 언어는 일급함수를 가졌다고 표현한다.다르게 말하면,일급 함수를 가진 언어에서는 함수를 변수처럼 사용할 수 있다. 예를 들면,함수를 변

ES8부터 도입된async, await은 보다 가독성 좋게 비동기 처리를 동기 처리처럼 동작하도록 구현할 수 있는 문법이다.프로미스를 기반으로 동작하는데, then, catch, finally 의 후속 처리 메서드 없이도 프로미스가 동기처리처럼 처리결과를 반환하도록 구