Javascript

prototype이라고 하는 게 맞는진 모르겠지만 ; 암튼 ; 자바스크립트에서 객체 안의 객체 안의 속성을 잡는 방법은 알면 알수록 독특하다 event 안의 target안의 value를 잡기 밑에서 value라고 바로 사용 가능 e.target.value 라고 해

일상적으로 사용은 하고 있는데 나의 개념 이해에 뭔가 아직 안개가 껴있는 느낌이라 생활코딩 채널의 수업을 들었다.이 코드에서 세번째 줄은 다른 줄들과 상관없이 자신만의 길을 간다. 5초가 지나면 3을 출력함. 그리고 마지막 줄은 세 번째 줄의 실행을 기다리지 않고 먼저

Object.keys(categoriesMap) : 'hats', 'jackets', 'women'....The Object.keys() static method returns an array of a given object's own enumerable string-

Properties in the target object are overwritten by properties in the sources if they have the same key. Later sources' properties overwrite earlier on

자바스크립트에서 함수는 변수에 접근할 때 상위 함수로 연속해서 접근하며 값을 찾는다. 즉 변수를 참조할 때 하위 스코프에서 상위 스코프로 무조건 위로만 올라간다! 따라서 내부 함수에서 외부 함수를 참조할 수 있지만 반대는 불가능하다.inner 함수 내에서console.

📚 들어가기 전... 자바스크립트 엔진은 메모리 힙(Memory Heap)과 호출 스택(Call Stack) 두 가지로 구성되어있다. 호출 스택은 코드가 실행될 때 함수의 호출을 저장하는 자료구조로서, 스크립트에서 현재 어떤 함수가 동작하고 있는지, 그 함수 내에서

📚 이전 글 자바스크립트 호출 스택(Call Stack)의 동작 원리-실행 컨텍스트에서 이어집니다.중첩 함수가 이미 생명주기를 마감한 외부 함수의 변수에 여전히 접근할 수 있을 때, 이때 그 중첩 함수를 클로저 함수라고 한다.위 예시에서 outer 함수는 변수 rec

그 중 가장 대표적인 상태관리 useState hook을 클로저를 이용해 구현해보자.위의 예시들을 보면 하나의 큰 함수 내에서 계산을 실행하는 함수를 리턴하여, 외부에서 이 계산 함수 내부에 접근하지 않고 계산을 이용할 수 있었다.useState 에서도 비슷하게, Re

📚 들어가기 전... 자바스크립트 엔진의 콜 스택은 딱 한 개이고, 이것이 자바스크립트가 단일 스레드(single thread) 라 불리는 이유이다. JS는 콜 스택에 실행 컨텍스트를 차례로 담아 코드를 하나씩 순차적으로 (=동기적으로) 수행한다. 왜 setTime

자바스크립트엔 여덟 가지 자료형이 있는데, 이 중 일곱 개는 하나의 데이터만 담을 수 있어 원시형(primitive type) 이라 불린다.6개의 원시 타입(number, string, boolean, null, undefined, symbol)과 1개의 객체 타입(o

반복 처리가 가능한 객체를 의미하며, next() 라는 메소드를 가진다. 이때 next() 는 {value : 값 , done : true/false} 형태의 객체를 리턴한다.\[Symbol.iterator]() 안에 정의되어있다.💡 예시로 만든 이터레이터 함수1)

filteredTag 를 새로 만들어서 그걸 JSX 안에 뿌리는 식으로 했는데 이렇게 되면 컴포넌트가 렌더링 될 때마다 필터 메소드도 다시 한번씩 실행이 되기 때문에 비효율적=> useMemo 로 개선할 수 있다