useReducer useState 처럼 state를 생성하고 관리할수잇게 해주는 도구이다. 여러개의 하위값을 포함하는 복잡한 state를 다뤄야할때 사용하면 코드를 깔끔하게 사용가능하고 유지보수가 편해진다. 구성 Reducer Dispatch Action으로

Memoization - 메모이제이션 동일한 값을 리턴하는 함수를 반복적으로 호출해야 된다면 맨 처음 값을 계산할때 해당값을 메모리에 저장해서 필요할때마다 또 다시 계산하지않고 메모리에서 꺼내서 재사용 하는 기법 (자주 필요한 값을 맨 처음 계산할때 캐싱을 해둬서 그

useEffect useEffect는 렌더링시 발생하는 side effect를 다루기 위한 목적 Mount, Update, Unmount 될때 사용 한다. useEffect는 인자로 Callback 함수를 받는다, 형태 렌더링 될때 마다 실행 화면에 첫 레더링

useCallback, useMemo, React.memo 차이점

스크롤 이벤트 적용 (ios vh 이슈)

비구조화(구조분해) 할당 (Destructuring Assignment) 비구조화 할당이란 배열이나 JSON 객체의 프로퍼티를 해체하여 그 값을 개별 변수에 담을 수 있게 해주는 자바스크립트 표현식 이다. 구조 분해 할당을 사용하면 객체와 배열로부터 속성이나 요소를

Map은, Set은 ES6에서 새로 도입한 자료구조이다. Map은 일반 객채 리터럴과 비슷하고 Set은 배열 리터럴과 비슷하다.

이벤트 루프를 시각적으로 확인 가능한 사이트호출 스택(Call Stack) : 함수들이 실행되는 공간백그라운드: 타이머, 이벤트 리스너 등의 비동기 함수들이 들어감. 여러 작업이 동시에 실행될 수 있는 공간태스크 큐 : 비동기 함수들의 Callback 함수들이 들어감

확인 const $input = document.querySelector('#input') const $form = document.querySelector('#form') const $logs = document.querySelector('#log

Nice ID 인증

[js]끝말잇기 만들기

asyncData로 data에 isActive를 추가v-model 및 search, reset에 사용할 data 추가filter에 사용할 methods 및 tab active 효과를 위한 함수 작성data에 isActive가 true일때 searchFilters를 실행

개요📋 제작 : JAEYUN JIN 분류 : 개인 프로젝트 배포일 : 2022.11.10 주요 기능 : Tailwind Css 를 참고한 Grid Css 타겟 유저 : 정형화된 Grid Css 가이드를 필요로하는 유저 사용 툴 : HTML, CSS, SCSS 참고자