![]()
리덕스 사용해서 수정하기 기능 구현하기 할일 클릭시 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. 리덕스 미들웨어 리덕스 미들웨어 액션이 디스패치 된 다음, 리듀서에서 해당 액션을 받아와서 업데이트하기 전에 추가적인 작업을 할 수 있다. 주로 비동기 작업을 처리할때 사용한다. 예시) 특정 조건에 따라 액션 무시하기 액션을 콘솔에 출력하거나 서버쪽에 로깅하기 액션이 디스패치 되었을때 이를 수정해서 리듀서에게 전달되게 하기 특정 액션이 발생했을 때 이에 기반해 다른 액션이 발생하게 하기 특정 액션이 발생했을 때 특정 자바스크립트 함수 실행하기
문제 설명 중앙값은 어떤 주어진 값들을 크기의 순서대로 정렬했을 때 가장 중앙에 위치하는 값을 의미합니다. 예를 들어 1, 2, 7, 10, 11의 중앙값은 7입니다. 정수 배열 array가 매개변수로 주어질 때, 중앙값을 return 하도록 solution 함수를 완성해보세요. 제한사항 array의 길이는 홀수입니다. 0
문제 설명 선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다. 가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다. 삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 sides의 원소는 자연수입니다. sides의 길이는 3입니다. 1 ≤ sides의 원소 ≤ 1,000 입출력 예 sides result [1, 2, 3] 2 [3, 6, 2] 2 [199, 72, 222] 1 입출력 예 설명 입출력 예 #1 가장 큰 변인 3이 나머지 두 변의 합 3과 같으므로 삼각형을 완성할 수 없습니다. 따라서 2를 return합니다. ..
❤벨로퍼트 리액트 - 6장. 리덕스 8) useSelector 최적화 리액트 컴포넌트에서 리덕스 상태를 조회해서 사용할때 최적화를 하기 위해 고려해야하는 사항. 할일목록 - 프리젠테이셔널 컴포넌트에서 React.memo 사용하여 리렌더링 최적화. 컨테이너 컴포넌트에서는? useSelector를 사용해 리덕스 스토어의 상태를 조회할때는 상태가 바뀌지 않았으면 리렌더링 하지 않는다. TodosContainer 의 경우 카운터 값이 바뀔때 todos에는 변화가 없으므로 리렌더링 되지 않는것. (const todos = useSelector(state ⇒ state.todos ). CounterContainer의 경우 useSelector를 통해 매번 렌더링 될때마다 새로운 객체 {number, diff} 를 ..
문제 설명 정수 배열 numbers와 정수 num1, num2가 매개변수로 주어질 때, numbers의 num1번 째 인덱스부터 num2번째 인덱스까지 자른 정수 배열을 return 하도록 solution 함수를 완성해보세요. 제한사항 2 ≤ numbers의 길이 ≤ 30 0 ≤ numbers의 원소 ≤ 1,000 0 ≤num1
문제 설명 문자열 배열 strlist가 매개변수로 주어집니다. strlist 각 원소의 길이를 담은 배열을 retrun하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ strlist 원소의 길이 ≤ 100 strlist는 알파벳 소문자, 대문자, 특수문자로 구성되어 있습니다. 입출력 예 strlist result ["We", "are", "the", "world!"] [2, 3, 3, 6] ["I", "Love", "Programmers."] [1, 4, 12] 입출력 예 설명 입출력 예 #1 ["We", "are", "the", "world!"]의 각 원소의 길이인 [2, 3, 3, 6]을 return합니다. 입출력 예 #2 ["I", "Love", "Programmers."]의 각 원소의 ..
