useRef란 React의 훅 중 하나로, 일반 JavaScript 객체를 생성하여 참조할 수 있는 값을 저장하는데 사용된다. useRef는 컴포넌트의 라이프사이클과 관계없이 일시적인 데이터를 유지하고, DOM 요소에 접근하거나 컴포넌트 내부에서 값의 변경을 추적하는

useCallback은 React 훅 중 하나로, 함수를 메모이제이션하려 재사용 가능하게 만들어 준다. 이를 통해 불필요한 함수 생성을 방지하고 성능을 최적화한다.함수형 컴포넌트는 렌더링될 때마다 내부의 함수들이 새로 생성된다. 이는 의도하지 않은 리렌더링과 관련된 문

Custom hook은 React에서 사용되는 함수이다. React의 기본 훅인 useState, useEffect, useContext 등과 마찬가지로, Custom hook은 use라는 접두사로 시작해야한다. 이는 React가 이 함수가 훅으로 사용되는 것을 인식할

useEffect란 함수형 컴포넌트에서도 생명주기 메서드를 사용할 수 있게 해준다. 컴포넌트가 렌더링 될 때마다 실행되는 함수, 컴포넌트가 언마운트 될 때 실행되는 함수 등을 정의 할 수 있다. Mounting (생성) constructor() : 클래스 컴포넌트가 처

리액트란 \[클릭]이전에 컴포넌트란 무엇인가? 그리고 컴포넌트의 두 종류에 대해 알아보았다. 그렇다면 두개의 컴포넌트중 어떤것이 더 많이 쓰일까? 아직 리액트 실무에 접해보지 못한 백엔드 개발자의 궁금증이였다.그리고 그 밖에 생길 수 있는 의문들을 찾아보았다.컴포넌트는

문제 설명my_string은 "3 + 5"처럼 문자열로 된 수식입니다. 문자열 my_string이 매개변수로 주어질 때, 수식을 계산한 값을 return 하는 solution 함수를 완성해주세요.제한사항연산자는 +, -만 존재합니다.문자열의 시작과 끝에는 공백이 없습니

문제 설명문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요.제한사항1 < my_string의

문제 설명영어가 싫은 머쓱이는 영어로 표기되어있는 숫자를 수로 바꾸려고 합니다. 문자열 numbers가 매개변수로 주어질 때, numbers를 정수로 바꿔 return 하도록 solution 함수를 완성해 주세요.제한사항numbers는 소문자로만 구성되어 있습니다.nu

Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.

앱의 전체 상태 트리를 보유하는 Redux 저장소를 만든다. 앱에는 하나의 스토어만 있어야 한다. (권장x)애플리케이션의 현재 상태 트리를 반환한다. 스토어의 리듀서가 반환한 마지막 값과 같다.change listener를 추가한다. 작업이 전달될 때마다 호출되며 상태

자바스크립트 애플리케이션을 위한 상태 관리 라이브러리리덕스는 state를 관리하는 것

Typescript에서는 시스템이 추론 및 분석한 타입 내용을 우리가 원하ㅗ는 대로 얼마든지 바꿀 수 있다. 이때 "타입 표명(type assertion)"이라 불리는 메커니즘이 사용된다. TypeScript의 타입 표명은 프로그래머가 컴파일러에게 내가 너보다 타입에

개발자가 타입을 타입스크립트에게 직접 말해주는 것타입스크립트가 알아서 타입을 추론하는 것JSON.parse는 json을 파싱해준다. 인풋으로 들어가는 json을 확인하면 대충 어떤 타입이 리턴될지 개발자는 예상 할 수 있지만, 타입스크립트는 여기까지 지원하지 않는다.변

JavaScript는 원래 클라이언트 측 언어로 도입되었다.그런데 Node.js의 개발로 인해 JavaScript를 클라이언트 측 뿐만이 아닌 서버 측 기술로도 활용되게 만들었다.그러나 JavaScript 코드가 커질수록 소스 코드가 더 복잡해져 코드를 유지 관리하고

지원하고 싶은 참가기업은 어디인지제가 지원하고 싶은 기업은 스위치원입니다.온라인 환전 서비스가 성장가능성이 높아보였습니다.무료 송금에 익숙해지 사람들은 금전 거래에 더 이상 수수료를 내고싶어하지 않습니다. 그렇기 때문에 수수료 없는 환전서비스는 좋은 성장을 보여줄 수

React의 SSR(server side rendering)을 쉽게 구현할 수 있게 도와 주는 간단한 프레임워크이다. (리액트는 라이브러리)리액트로 개발할 때 SPA(single Page Application)을 이용하면 CSR(Client Side Rendering)

문제 설명문자열 my_string이 매개변수로 주어질 때, 대문자는 소문자로 소문자는 대문자로 변환한 문자열을 return하도록 solution 함수를 완성해주세요.제한사항1 ≤ my_string의 길이 ≤ 1,000my_string은 영어 대문자와 소문자로만 구성되어

문제 설명정수 배열 array와 정수 n이 매개변수로 주어질 때, array에 들어있는 정수 중 n과 가장 가까운 수를 return 하도록 solution 함수를 완성해주세요.제한 사항1 ≤ array의 길이 ≤ 1001 ≤ array의 원소 ≤ 1001 ≤ n ≤ 1

문제 설명소인수분해란 어떤 수를 소수들의 곱으로 표현하는 것입니다. 예를 들어 12를 소인수 분해하면 2 2 3 으로 나타낼 수 있습니다. 따라서 12의 소인수는 2와 3입니다. 자연수 n이 매개변수로 주어질 때 n의 소인수를 오름차순으로 담은 배열을 return하

쿼리는 페이지에서 요소를 찾기 위해 테스트 라이브러리가 제공하는 방법이다. 여러 유형의 쿼리("get", "find", "query")가 있다.이들 간의 차이점은 요소가 발견되지 않으면 쿼리에서 오류가 발생하는지 또는 Promise를 반환하고 다시 시도하는지 여부이다.