자바스크립트

함수를 유동적으로 사용하고 싶을 때에도 사용한다

객체의 선언, 수정, key값 존재유무 확인

배열을 모두 가져오는 예제

배열 내장함수에는 여러가지가 있다. 1) forEach: 배열의 모든 요소를 전달해주는 함수 2) includes(): 해당 배열에 인자로 들어있는 값이 존재하는지 확인 3이 array에 있는지 확인하고 존재하므로 true를 반환한다. 3) indexOf(): 해당 배열에 어느 인덱스에 위치해있는지 확인 4) findIndex(): 해당 value값...

콘솔창에 name띄워야하므로 person에 대해 getName이 시행될 것이다. let person은 값이 존재하므로 truthy한 상태이다. 따라서 const name = person && person.name 에서 truthy && truthy한 상태가 된다. 이 경우, 가장 뒷편에 있는 person.name이 호출된다. 즉, const name은 C...

객체의 괄호표기법을 사용하여 조건문을 간단하게 표현할 수 있다.

객체, 배열의 비구조화 할당을 이용하면 코드를 더 간략하게 짤 수 있다.

객체, 배열에 spread를 사용하는 방법

동기, 비동기 자바스크립트 작동 방식. 콜백지옥으로 인한 promise의 필요성.

콜백을 Promise로 표기하면 가독성이 좋고 수정이 편하다.

async는 promise를 반환한다. await와 함께 작성되어 있는 코드는 동기적으로 시행된다. 즉 delay(3000)이 다 시행될 때까지 아래의 코드는 시해오디지 않는다.

API와 음식점 속 상황을 비교하면 다음과 같다. fetch 또한 promise를 반환한다. 단순히 fetch를 통해 promise를 호출하면 promise 객체 그 자체가 반환된다. 따라서 rawResponse.json을 호출하여 그 안에 있는 내용을 호출하면 객체 안의 내용들이 반환되는 것을 볼 수 있다.

\-method: 클래스에 부착된 함수\-property: 클래스에 부착된 변수constructor 함수로 class를 생성한 후, "new"를 이용하여 해당 class를 활용하고 있다.더불어 class는 상속도 가능한데, 관련 코드는 다음과 같다.constructor

Array Destructuring

person에서 정의했던 object가 그대로 나올 거라는 예상과는 다르게 콘솔에는 다르게 찍힌다. 이는 사실상 sercondPerson이 person의 pointer만 copy한 상태이기 때문이다. person을 우리가 원하는 방향대로 온전히 가져오려면 spread

코딩 테스트를 풀다 보니, array와 관련된 method 중 new array를 반환하는지, 안반환하는지 헷갈리는 부분이 있었다. 물론 그때그때 찾아봐도 되지만 한번 기억에 넣을겸 여기에 정리해본다.먼저 새로운 array를 return하는 메소드는 다음과 같다.con

language to make webpages more dynamic원래라면 client(browser)가 request할 때마다 server가 http response를 주면, 해당 페이지를 리로드해야 함. 하지만 매번 페이지를 새롭게 받는 것은 비효율적이라고 볼 수

JS를 사용하기 위해서는 script를 html 파일에 import해주어야 한다.그렇다면 script는 html의 상단에 import 해야 할까? 하단에 import 해야 할까?즉 html body보다 전에 넣어야 할까 혹은 그 후에 넣어야 할까?먼저 상단에 impor

이중구조를 가진 반복문에서, 안에 있는 반복문이 특정 조건을 충족시킬 때 외부의 반복문 또한 멈춰야하는 경우가 있다. 이를 위해 안의 반복문, 밖의 반복문에 label을 붙여주고 특정 라벨을 가진 반복문을 break하라고 선언하면 된다. 코드는 다음과 같다.

외부의 반복문만 실행될 것이기 때문에 j=0인 상태에서 i의 변화만 있을 것이다.따라서 sum은 10이 된다.

var과 달리 let은 다음과 같은 특징을 가진다.(1) 변수 재선언이 불가능하다let의 경우, 변수에 새로운 값을 할당하려면 아래와 같이 코드를 작성해야 한다.이는 개발자가 변수에 새로운 값을 다시 할당한다는 분명한 의도를 가지고 코드를 작성한 것이라는 점에서 더 깔

https://www.htmlgoodies.com/javascript/what-is-the-javascript-engine-and-how-it-works/

Primitive value : Strings, Numbers, Booleans, null, undefined, Symbol memory에 저장된다 (주로 stack) when assign to different variable, copies the value Reference value : all other objects stored in memory(...

https://medium.com/@bluesh55/javascript-prototype-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-f8e67c286b67