전체 글
-
Context 란?React/react 2023. 7. 24. 12:35
context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 (예를 들면 선호 로케일, UI 테마) 이 과정이 번거로울 수 있습니다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도 많은 컴포넌트가 이러한 값을 공유하도록 할 수 있습니다. context는 React 컴포넌트 트리 안에서 전역적(global)이라고 볼 수 있는 데이터를 공유할 수 있도록 고안된 방법입니다. 아래 코드를 보면, 1. createContext로 Con..
-
useCallback();React/react 2023. 7. 19. 13:25
기록 useCallback 이란? useCallback을 handleUpdate 함수에 넣지 않았더라면 Button 컴포넌트에서 onClick 이벤트가 발생할 때마다 AppMentor 함수가 재랜더링 됐을 것이다. 하지만 useCallback 를 사용하고 디펜던시를 넣어줌으로서 디펜던시에 있는 값들에 변화가 있을 시에만 재랜더링을 해주도록 하였다. 아래 코드에서는 따로 디펜던시 값이 필요 없었기 때문에 빈 배열 '[ ]' 값을 주었다. import React, { memo, useCallback, useMemo, useReducer } from 'react'; import personReducer from './reducer/person-reducer'; export default function App..
-
신고 결과 받기카테고리 없음 2023. 5. 31. 09:13
function solution(id_list, report, k) { const reports = [...new Set(report)].map(value => value.split(' ')); const reportCount = new Map(); reports.map(value => { reportCount.set(value[1], reportCount.get(value[1]) + 1 || 1); }); const reportComplate = new Map(); reports.map(value => { if (reportCount.get(value[1]) >= k) { reportComplate.set(value[0], reportComplate.get(value[0]) + 1 || 1); } })..
-
크기가 작은 부분문자열Coding Test 2023. 5. 12. 10:43
문제 설명 숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요. 예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다. 제한 사항 1 ≤ p의 길이 ≤ 18 p의 길이 ≤ t의 길이 ≤ 10,000 t와 p는 숫자로만 이루어진 문자열이며, 0으로 시작하지 않습니다 입출력 예 t p result "3141592" "271" 2 "500220839878" "7" ..