일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- commitlint
- .env
- 모던 자바스크립트 Deep Dive
- React.memo
- React Public Routes
- sql
- Sanity.io
- javascript
- Biweekly Contest 79
- 프로그래머스
- Vite
- toast-ui-editor
- 컴포넌트 최적화
- 호이스팅
- LV. 2
- medinum
- Weekly Contest
- Medium
- tailwindcss
- React
- next-auth
- next.js
- leetcode
- 모던 자바스크립티 Deep Dive
- React Private Routes
- eslintrc
- engines locking
- react-dom
- BFS
- React Router dom v6
- Today
- Total
목록전체 글 (55)
뚜벅
모던 자바스크립트 Deep Dive - 실행 컨텍스트 실행 컨텍스트 실행 컨텍스트를 알면 호이스팅과 클로저, 코드 실행 순서를 이해하는데 도움이 되기 때문에 정리합니다. 소스 코드의 타입 - 전역 코드 전역 변수를 관리하기 위해 최상위 스코 l-lsh.tistory.com 자바스크립트 엔진은 싱글 스레드 방식으로 동작하며, 하나의 콜스택을 가집니다. 그렇기 때문에 태스크들이 여러 개 있더라도 순차적으로 하나씩 태스크를 처리하는데 이것을 동기 처리라고 합니다. 동기 처리: 현재 실행 중인 태스크가 종료할 때까지 다음에 실행될 태스크가 대기하는 방식 - 장점 : 태스크를 순서대로 하나씩 처리하기 때문에 실행 순서가 보장된다. - 단점 : 태스크가 하나씩 처리되기 때문에 앞선 태스크가 시간이 오래 걸리는 경우..
209. Minimum Size Subarray Sum Medium Given an array of positive integers nums and a positive integer target, return the minimal length of a subarray whose sum is greater than or equal to target. If there is no such subarray, return 0 instead. Example 1: Input: target = 7, nums = [2,3,1,2,4,3] Output: 2 Explanation: The subarray [4,3] has the minimal length under the problem constraint. Example ..
346. Moving Average from Data Stream Easy Given a stream of integers and a window size, calculate the moving average of all integers in the sliding window. Implement the MovingAverage class: MovingAverage(int size) Initializes the object with the size of the window size. double next(int val) Returns the moving average of the last size values of the stream. Example 1: Input ["MovingAverage", "nex..
자바스크립트 this에 대해 정리합니다. this 정의 - 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. - this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티나 메서들를 참조할 수 있다. this 사용 자바스크립트에서 this 바인딩은 함수 호출 방식에 의해 동적으로 결정된다. - 전역에서 this this는 어디서든 참조 가능하다. 그리고 전역에서의 this는 전역 객체 window를 가리킨다. console.log(this) // window - 일반 함수에서 this 일반 함수에서 this를 사용 시 전역 객체 window를 가리킨다. 하지만 strict mode일 경우 undefined가 바인딩된다. 메서드 내부에서 일반함수로 호출되면 this..
객체 리터럴 - 자바스크립트는 원시 값을 제외한 나머지 값(함수, 배열, 정규 표현식 등)은 모두 객체이다. - 객체타입은 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조이다. - 객체는 0개 이상의 프로퍼티로 구성된 집합이며 키와 값으로 구성된다. - 모든 값은 프로퍼티 값이 될 수 있으며 함수도 가능하다. (함수가 프로퍼티의 값인 경우 메서드라고 부른다.) - {...} 중괄호 안에 프로퍼티를 정의 하며, 나열할 때는 쉼표(,)로 구분한다. var person = { name: "Lee", // 프로퍼티 sayHello: function () { // 메서드 console.log("Hello ~~") } console.log(typeof person) // object console.log..
실행 컨텍스트 실행 컨텍스트를 알면 호이스팅과 클로저, 코드 실행 순서를 이해하는데 도움이 되기 때문에 정리합니다. 소스 코드의 타입 - 전역 코드 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성한다. - 함수 코드 지역 스코프를 생성하고 지역변수, 매개변수, arguments객체를 관리한다. - eval 코드 엄격 모드에서 자신만의 독자적인 스코프를 생성한다. - 모듈 코드 모듈별로 독립적인 모듈 스코프를 생성한다. 소스코드(전역, 함수, eval, 모듈) → 코드 평가 → 실행 컨텍스트(전역, 함수, eval, 모듈) 소스 코드의 평가와 실행 자바 스크립트 엔진은 소스코드를 2개의 과정으로 나누어 처리한다 ( 소스코드 평가, 소스코드 실행 ) - 소스 코드 평가 실행 컨텍스트 생성하고 ..