profile
babypig
post-thumbnail

useReducer

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

4일 전
·
0개의 댓글
·
post-thumbnail

[React] useMemo, React.memo

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

5일 전
·
0개의 댓글
·
post-thumbnail

[React] useEffect, useCallback

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

5일 전
·
0개의 댓글
·
post-thumbnail

[React] 성능개선

useCallback, useMemo, React.memo 차이점

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

[Nuxt.js] 스크롤 이벤트 적용 (ios vh 이슈)

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

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

[js] 비구조화(구조분해 ) 할당

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

2023년 1월 24일
·
0개의 댓글
·
post-thumbnail

[js] Map, Set, Destructuring

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

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

[js]지뢰찾기 게임

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

[js]카드 짝 맞추기(이벤트 루프)

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

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

[js]text RPG 게임

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

[js]틱택토 게임 만들기

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

[js]반응속도 체크하기

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

[js]가위바위보 게임

2023년 1월 8일
·
0개의 댓글
·
post-thumbnail

[js]로또 추첨기 만들기

2023년 1월 8일
·
0개의 댓글
·
post-thumbnail

[js]숫자 야구 게임 만들기

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

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

[js]계산기 만들기

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

[Nuxt.js]Nice ID 인증

Nice ID 인증

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

[js]끝말잇기 만들기

[js]끝말잇기 만들기

2022년 12월 17일
·
0개의 댓글
·
post-thumbnail

[Nuxt.js] tab 메뉴 및 검색 구현하기

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

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

반응형 Grid Css 가이드 구현

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

2022년 11월 16일
·
0개의 댓글
·