문제 설명 두 배열이 얼마나 유사한지 확인해보려고 합니다. 문자열 배열 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..
study
문제 설명 어떤 자연수를 제곱했을 때 나오는 정수를 제곱수라고 합니다. 정수 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 이벤트 안에 화살표 함수를 열어주고 이벤트는 중괄호로 묶어서 여러개를 사용할 수 있다
리덕스 사용해서 수정하기 기능 구현하기 할일 클릭시 input에 해당 내용 나타나게함 / 등록→ 수정으로 버튼 변경 내용 수정후 수정 버튼 클릭시 할일 리스트의 텍스트가 수정한 내용으로 변경됨 https://stackoverflow.com/questions/53945281/warning-unknown-event-handler-property-onheaderclick-it-will-be-ignored Warning: Unknown event handler property `onHeaderClick`. It will be ignored I am creating Higher order components for passing some props with another component. But getting ..
문제 설명 문자열 my_string과 정수 n이 매개변수로 주어질 때, my_string에 들어있는 각 문자를 n만큼 반복한 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 2 ≤ my_string 길이 ≤ 5 2 ≤ n ≤ 10 "my_string"은 영어 대소문자로 이루어져 있습니다. 입출력 예 my_string n result "hello" 3 "hhheeellllllooo" 입출력 예 설명 입출력 예 #1 "hello"의 각 문자를 세 번씩 반복한 "hhheeellllllooo"를 return 합니다. 1차 function solution(my_string, n) { let answer = []; my_string.split(''); for (i=0; i < my_str..
문제 설명 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소 중 두 개를 곱해 만들 수 있는 최댓값을 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ numbers의 원소 ≤ 10,000 2 ≤ numbers의 길이 ≤ 100 입출력 예 numbers result [1, 2, 3, 4, 5] 20 [0, 31, 24, 10, 1, 9] 744 입출력 예 설명 입출력 예 #1 두 수의 곱중 최댓값은 4 * 5 = 20 입니다. 입출력 예 #1 두 수의 곱중 최댓값은 31 * 24 = 744 입니다. function solution(numbers) { numbers.sort(function(a,b){ return b-a; }); // numbers를 내림차순으로 ..
문제 설명 정수 n이 매개변수로 주어질 때, n 이하의 홀수가 오름차순으로 담긴 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ n ≤ 100 입출력 예 n result 10 [1, 3, 5, 7, 9] 15 [1, 3, 5, 7, 9, 11, 13, 15] 입출력 예 설명 입출력 #1 10 이하의 홀수가 담긴 배열 [1, 3, 5, 7, 9]를 return합니다. 입출력 #1 15 이하의 홀수가 담긴 배열 [1, 3, 5, 7, 9, 11, 13, 15]를 return합니다. function solution(n) { let answer = []; for (i=1; i
벨로퍼트 리액트 - 7. 리덕스 미들웨어 리덕스 미들웨어 액션이 디스패치 된 다음, 리듀서에서 해당 액션을 받아와서 업데이트하기 전에 추가적인 작업을 할 수 있다. 주로 비동기 작업을 처리할때 사용한다. 예시) 특정 조건에 따라 액션 무시하기 액션을 콘솔에 출력하거나 서버쪽에 로깅하기 액션이 디스패치 되었을때 이를 수정해서 리듀서에게 전달되게 하기 특정 액션이 발생했을 때 이에 기반해 다른 액션이 발생하게 하기 특정 액션이 발생했을 때 특정 자바스크립트 함수 실행하기
