목록분류 전체보기 (122)
Lsiron
1. Custom hook Custom hook은 React에서 상태 관리나 비즈니스 로직을 재사용하기 쉽게 만들어주는 기능이다. 일반적으로 함수의 형태로 작성되며, useState, useEffect 등의 React 훅을 사용하여 필요한 로직을 구현할 수 있다.예를 들어, 사용자가 입력한 값을 로컬스토리지에 저장하고 싶을 때 custom hook을 사용할 수 있다. 아래는 간단한 예제 코드이다.import { useState } from 'react';const useCounter = () => { const [count, setCount] = useState(0); const increment = () => { setCount(count + 1); }; return { count, inc..
1. 생성자 함수란?생성자 함수는 객체를 생성하고 초기화하는 역할을 수행하는 함수이다.일반적으로 생성자 함수는 클래스와 함께 사용되어 객체 지향 프로그래밍에서 객체를 생성할 때 사용된다. 생성자 함수는 함수 선언문이나 함수 표현식을 사용하여 정의할 수 있다. 생성자 함수는 객체를 생성할 때 사용되는 템플릿 역할을 한다. 생성자 함수를 호출할 때 매개변수를 전달하여 객체의 초기 상태를 설정할 수 있다. 이를 통해 여러 개의 객체를 생성할 때 반복되는 초기화 작업을 효율적으로 처리할 수 있다.생성자 함수는 일반 함수와 다르게 일반적으로 첫 글자를 대문자로 시작하여 정의한다. 이는 생성자 함수임을 명확히 구분하기 위한 관례이다.생성자 함수 내부에서는 this 키워드를 사용하여 생성된 객체를 가리키며, 프로퍼티..
문제 1. 제일 작은 수 제거하기 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다 풀이=해답.function solution(arr) { return arr.length === 1 ? [-1] : arr.filter((num) => num !== Math.min(...arr))} => 삼항연산자를 사용하였다. 리턴하려는 값이 빈 배열일 경우거나, arr 배열이 [10] 일 경우는 모두 length가 1인 경우이기 때문에 arr.length가 1이면 [-1]을 반..
문제 1. 없는 숫자 더하기. 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 풀이=해답. function solution(numbers) { let arr =[]; for(let i=0 ; i 9 ; i += 1){ if(!numbers.includes(i)){ arr.push(i) } } return arr.reduce((a,b) => a+b ,0) } => 빈 배열 arr을 선언 해 준뒤, 0부터 9까지의 반복문을 통해, i 요소가 없다면 arr에 추가를 하여, reduce() 함..