JS101

자바스크립트에서 변수 선언을 하는 방법은 3가지가 있습니다. 바로 var let const인데 이 세 가지의 변수 선언은 스코프를 기준으로 두 분류로 나눌 수 있습니다. 변수의 스코프란 어떤 변수가 유효한 범위를 말합니다. 예를 들어 A라는 변수가 있다면 A의 스

const는 상수인데 객체나 함수의 값은 변경할 수 있는 이유??자바스크립트의 자료형에는 두 가지 종류가 있는데 referance 타입과 primitive 타입이 있습니다.primitive type에는 num boolean string null… 등이 해당되고 re

함수란 코드의 덩어리를 만든 다음 그것을 호출하고 반환시키는 구조를 말합니다. 복잡한 코드를 관리할 수 있게 만들어 줍니다. 자바스크립트의 함수에 대한 몇 가지 토픽을 정리하고 가겠습니다.parameter(매개변수): 함수를 정의할때 넣는 변수.argument(인수

객체와 배열은 자바스크립트의 자료구조입니다 객체와 배열을 통해서 데이터를 다룰 수 있습니다. 객체는 key-value로 구성되어있는 자료구조입니다. 객체는 어떤 특성이 있는 데이터를 다룰 때 사용합니다 어떤 특성 혹은 속성은 key에 그 속성에 해당하는 값은 value

자바스크립트 엔진은 다음과 같이 콜 스택과 힙으로 구성되어있습니다. 힙은 앞서 봤듯이 Reference type변수의 실제 값이 저장되는 곳이고 이 글에서는 콜 스택에 대해서 주로 다루겠습니다.콜 스택의 역할은 함수의 실행 순서를 정해 주는 것입니다. 스택(stack

this키워드란 실행문맥이 하나씩 가지는 변수로서 함수가 호출될때 생성됩니다.this키워드가 있는 현재 위치에서 함수가 어떤 상황에서 호출되었는지 알려줍니다. (어떤 함수가 어디에 붙어있는가?) 다시말해 this 키워드가 가리키는 값은 함수가 호출된 상황에 따라 달라진

자바스크립트로 애플리케이션을 만들다 보면 외부에서 데이터를 가져와야 할 때가 있습니다. 하지만 외부에서 데이터를 가져오는 것은 시간이 걸리는 작업입니다.일반적으로 사용하는 작성된 순서대로 동작하는 코드(동기적인 코드)로 외부에서 데이터를 가져오는 시간이 걸리는 작업을

앞서 말했듯이 비동기 통신을 하는 이유는 api 등을 통해서 외부 데이터를 가져오는 것입니다. fetch api를 써서 외부 데이터를 편하게 가져올 수 있습니다. fetch api는 api로부터 데이터를 받아와서 Promise를 리턴합니다.try catch finall

자바스크립트 엔진은 싱글 스레드입니다. 쉽게 말해서 콜 스택이 하나라는 뜻입니다. 그럼에도 불구하고 비동기 코드를 이용하면 코드가 막힘없이 동작합니다. 이것이 가능한 이유는 이벤트 루프 때문입니다. 자바스크립트의 비동기 코드는 처음부터 콜 스택으로 넘어가는 것이 아니라