문제 설명 정수 n과 정수 배열 numlist가 매개변수로 주어질 때, numlist에서 n의 배수가 아닌 수들을 제거한 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 10,000 1 ≤ numlist의 크기 ≤ 100 1 ≤ numlist의 원소 ≤ 100,000 입출력 예 n numlist result 3 [4, 5, 6, 7, 8, 9, 10, 11, 12] [6, 9, 12] 5 [1, 9, 3, 10, 13, 5] [10, 5] 12 [2, 100, 120, 600, 12, 12] [120, 600, 12, 12] 입출력 예 설명 입출력 예 #1 numlist에서 3의 배수만을 남긴 [6, 9, 12]를 return합니다. 입출력 예 #2 numlist에서..
분류 전체보기
문제 설명 정수 배열 array가 매개변수로 주어질 때, 가장 큰 수와 그 수의 인덱스를 담은 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1 ≤ array의 길이 ≤ 100 0 ≤ array 원소 ≤ 1,000 array에 중복된 숫자는 없습니다. 입출력 예 array result [1, 8, 3] [8, 1] [9, 10, 11, 8] [11, 2] 입출력 예 설명 입출력 예 #1 1, 8, 3 중 가장 큰 수는 8이고 인덱스 1에 있습니다. 입출력 예 #2 9, 10, 11, 8 중 가장 큰 수는 11이고 인덱스 2에 있습니다. function solution(array) { var max = Math.max(...array); return [max, array.inde..
벨로퍼트 리액트 - 7. 리덕스 미들웨어 7-3. redux-logger 사용 및 미들웨어와 함께 DevTools 함께 사용하기 1) redux-logger 사용하기 redux-logger 설치 $ npm add redux-logger 리덕스 미들웨어는 여러개를 등록할 수 있다. ⇒ index.js에 적용 import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { applyMiddleware, createStore } from 'redux'; import {..
리덕스 사용한 TODO 리스트 만들기 모듈 2개 (수정요소 / 할일 관련요소) 등록기능 수정기능 삭제기능
문제 설명 개미 군단이 사냥을 나가려고 합니다. 개미군단은 사냥감의 체력에 딱 맞는 병력을 데리고 나가려고 합니다. 장군개미는 5의 공격력을, 병정개미는 3의 공격력을 일개미는 1의 공격력을 가지고 있습니다. 예를 들어 체력 23의 여치를 사냥하려고 할 때, 일개미 23마리를 데리고 가도 되지만, 장군개미 네 마리와 병정개미 한 마리를 데리고 간다면 더 적은 병력으로 사냥할 수 있습니다. 사냥감의 체력 hp가 매개변수로 주어질 때, 사냥감의 체력에 딱 맞게 최소한의 병력을 구성하려면 몇 마리의 개미가 필요한지를 return하도록 solution 함수를 완성해주세요. 제한사항 hp는 자연수입니다. 0 ≤ hp ≤ 1000 입출력 예 hp result 23 5 24 6 999 201 입출력 예 설명 입출력 ..
문제 설명 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 s1과 s2가 주어질 때 같은 원소의 개수를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ s1, s2의 길이 ≤ 100 1 ≤ s1, s2의 원소의 길이 ≤ 10 s1과 s2의 원소는 알파벳 소문자로만 이루어져 있습니다 s1과 s2는 각각 중복된 원소를 갖지 않습니다. 입출력 예s1s2result ["a", "b", "c"] ["com", "b", "d", "p", "c"] 2 ["n", "omg"] ["m", "dot"] 0 입출력 예 설명 입출력 예 #1 "b"와 "c"가 같으므로 2를 return합니다. 입출력 예 #2 같은 원소가 없으므로 0을 return합니다. function solution(s1..
문제 설명 어떤 자연수를 제곱했을 때 나오는 정수를 제곱수라고 합니다. 정수 n이 매개변수로 주어질 때, n이 제곱수라면 1을 아니라면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 1,000,000 입출력 예 n result 144 1 976 2 입출력 예 설명 입출력 예 #1 144는 12의 제곱이므로 제곱수입니다. 따라서 1을 return합니다. 입출력 예 #2 976은 제곱수가 아닙니다. 따라서 2를 return합니다. function solution(n) { return Math.sqrt(n) % 1 === 0 ? 1 : 2; } Math.sqrt()로 해당 숫자를 제곱근으로 만들고, 정수는 1로 나누었을 경우 나머지가 항상 0이 됨으로 이를 판별하는 것을 ..
벨로퍼트 리액트 - 7. 리덕스 미들웨어 7-1. 리덕스 프로젝트 준비하기 $ npx create-react-app learn-redux-middleware $ cd learn-redux-middleware $ npm add redux react-redux 1) 리덕스 모듈 준비 Ducks 패턴 사용(액션 타입, 액션 생성함수, 리듀서를 한 파일에 작성) modules/counter.js // 액션 타입 const INCREASE = 'INCREASE'; const DECREASE = 'DECREASE'; // 액션 생성 함수 export const increase = () => ({type: INCREASE}); export const decrease = () => ({type: DECREASE}); ..
리덕스 사용해서 수정하기 기능 구현하기 수정한 코드 components/Todos.js import React, { useState } from "react"; // 컴포넌트 최적화를 위해 React.memo 사용 const TodoItem = React.memo(function TodoItem({ todo, onToggle, onEdit }){ return ( onToggle(todo.id)} onClick={() => onEdit(todo.id, todo.text)} // 클릭시 onEdit 이벤트 발생. id와 text 파라미터로 보냄 >{todo.text} ); }); // 컴포넌트 최적화를 위해 React.memo 사용 const TodoList = React.memo(function TodoL..
{ onUpdate(targetId, text) onReset }} /> onClick 이벤트 안에 화살표 함수를 열어주고 이벤트는 중괄호로 묶어서 여러개를 사용할 수 있다
