변수를 써오기만 했지 사실 변수, 초기화, 할당 등의 용어를 제대로 이해 해보지도 않았고 var 키워드는 let, const 키워드로 대체 되었으니 그냥 별로인것 정도로만 생각했다.또 var 키워드에 대해 잘 모르다보니 호이스팅이란 개념이 무엇인지 왜 let이라는 키워
함수, 스코프, 전역과 지역 변수
내부 슬롯은 자바스크립트 엔진의 내부 로직이므로 직접 접근할 수 없지만, \[Prototype] 내부슬롯의 경우 .\_\_proto\_\_를 통해 접근 가능하다.자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본값으로 자동 정
하 이놈의 프로토타입 개념을 거의 2주간 공부했네요... 그래도 다 이해 못함. 당연함.자바스크립트는 프로토타입 기반의 객체지향 프로그래밍 언어다. 일단 모르겠으면 느껴. 자바스크립트를 이루고 있는 거의 모든 것이 객체라는 점. 원시 타입의 값들 빼고 말이다.객체 생성
왜 literal로 생성된 string은 instanceof String 에서 false를 뱉을까...?instanceof는 객체일때 정확한 평가를 내린다? 따라서 instanceof에 값의 타입 판단을 의존하는것은 문제를 일으킬 수 있다.As you can see b
클로저는 자바스크립트를 배워오면서 계속 듣던 용어였는데 여태 애써 외면해왔다ㅎ 왜냐면 알고싶지 않았거든요.함수와 그 함수가 선언된 렉시컬 환경과의 조합이러면 엥? 뭔소리야 이러고 10번 다시 읽어야됨. 자 이제 저게 뭔 말인지 알아보자~기억 나니? js 엔진은 함수를
JSX란 자바스크립트의 신텍스 익스텐션이다. React와 같이 사용되기 위한 문법이다. 브라우저는 JSX를 바로 해석하지 못하기 때문에 JSX 컴파일러가 필요하다.JSX의 최소 구성 단위를 JSX element라고 한다. HTML과 똑같은 형태이지만 javascript
리액트 앱은 컴포넌트들로 구성되어있다. 컴포넌트란 HTML을 렌더하기 위한 재사용 가능한 작은 단위의 코드 블럭 단위들을 말한다. 리액트 컴포넌트를 정의 하기 위해서 js 함수를 사용할 수 있다. 즉 class 함수로도 리액트 컴포넌트를 정의할 수 있다.
생성자 함수클라스 차이정적 메서드, 프로토타입 메서드클래스에서 정의한 메서드 특징클래스의 인스턴스 생성 과정자바스크립트는 private 같은 접근 제한자를 지원하지 않기에, 인스턴스 프로퍼티는 언제나 public하다.그러나 현재 사양에서는 private 가능.접근자 프
배열은 여러 개의 값을 순차적으로 나열한 자료구조이다. 값의 순서와 length 프로퍼티를 갖기 때문에 순차적으로 값에 접근하기 적합한 자료구조다.❗️잠깐 배열에 대해서 더 알아보자.각 요소가 동일한 데이터 크기를 가지며, 배열의 요소가 하나의 데이터 타입으로 통일 되
배열 챕터를 시작하면서 해시 테이블, 시간 복잡도 등의 CS 용어, 지식들을 마주치게 됐다. 시간 복잡도, 특히 Big-O라는 용어를 종종 접하긴 했었지만 나랑은 상관 없으니까ㅋ 하며 넘겼었다.그러나 어쩌다 reduce 메서드와 ES6의 ...Rest 파라미터에 대한
push 메서드는 인수로 전달받은 모든 값을 원본 배열의 마지막 요소로 추가변경된 length 프로퍼티 값을 반환원본 배열을 직접 변경 (때문에 ES6의 스프레드 문법을 사용하는 편이 좋다.)push 메서드는 성능 면에서 좋지 않다. 마지막 요소로 추가할 요소가 하나뿐
Array.prototype.push() 메서드는 배열에 자동으로 key 밸류를 넣어주면서 값을 넣는다.key, value 쌍을 이루는 객체를 생성할 수 있는 함수를 구현해보았다.또 get, set 등의 메서드로 키, 값을 넣어줄 수 있고, 인덱스가 아닌 키값으 해당
Stack 이란? >데이터를 마지막에 밀어 넣고, 마지막에 밀어 넣은 데이터를 먼저 꺼내는 후입 선출 방식의 자료구조이다. 스택은 언제나 가장 마지막에 밀어 넣은 최신 데이터를 먼저 취득한다. push와 pop 메서드를 사용하면 쉽게 구현할 수 있다. 스택 구현해보기
참조:자바스크립트 큐 구현방법, 배열, 객체자바스크립트 큐 구현자바스크립트 링크드리스트 구현데이터 스트럭쳐
원본 배열 앞단에 요소를 추가하고 원본 배열의 변화된 길이를 반환하는 함수. 원본 배열을 직접 변화시킨다.자 이제 unshift 동작 원리를 생각해보며 메서드 사용하지 않고 같은 동작을 구현해봅시답.함수의 argument 변수를 활용해서 arguments 값 뒤에 원본
이번주에는 Figma plugin 개발 사이드 프로젝트를 시작하기 앞서 여러 추상적인 개념들을 먼저 훑어보는 시간을 가지려고 한다.플러그인 개발 다큐멘테이션을 보다가 Rest API라는 용어를 마주쳤는데 사실 몰라도 플러그인을 개발할 수 있긴 하지만 이번주에 같이 공부
함수는 호출하는 즉시 실행된다. 만약 함수 호출을 일정 시간이 지난 뒤 호출되도록 예약하려면 타이머 함수를 사용한다. 이를 호출 스케줄링이라 한다.브라우저 환경과 Node.js 환경에서 모두 전역 객체의 메서드로서 타이머 함수를 제공한다. 즉 타이머 함수는 호스트 객체
콜백프라미스란?XMLHttpRequestfetch API 사용법JSON 데이터 활용아무리 책을 읽어도 강의를 봐도 정확하게 이해되지 않는 비동기..동기..콜백..프라미스 서버 통신의 지옥을 실습으로 조금이라도 익숙해져보겠다.Open API 사용하여 서버 통신의 개념을