undefined

문제 설명 문제 풀이 function solution(dartResult) { let answer = [] let score = 0 for(let i=0;i p+v) } 1. 전 값을 곱하거나 뺄 수 있으니 미리 더해주지 말고 배열에 저장 2. dartResult[i]가 숫자일 경우에 기본적으로 score에 저장 단, 10인 경우를 고려하여 1일때 다음값이 0 인경우에 score=10 3. 문자일 경우 정의 4. reduce를 활용하여 answer의 값 모두 더하기 배운 점

문제 설명 문제 풀이 function solution(N, stages) { let userNum = stages.length let answer = [] for(let i = 1; i e===i).length let value = userInOneStage/userNum userNum-=userInOneStage answer.push({key:i,value:value}) answer.sort((a,b)=> a.value === b.value ? a.key-b.key : b.value-a.value ) } return answer.map(e=>e.key) } 1. filter를 이용하여 같은 스테이지에 있는 유저를 구해준다. 2. value = 실패율 (스테이지 클리어 못한 유저수/ 스테이지에 도달한 유..

1. useReducer란? -useState로는 관리하기 힘든 방대한 state를 관리할 수 있다. 2. 사용이유? -효율적인 state의 관리 but 항상 좋은건 아니다. 과할 수 있다. -여러개의 state를 하나의 객체 안에서 관리할 수 있다. 3. 사용 방법 (1). reducer import import React, { useState, useEffect, useReducer } from 'react'; (2). 기본형식 const [emailState, dispatchEmail] = useReducer(emailReducer, { value: '', isValid: null, }); const [현재 state, 업뎃용 state] = useReducer(함수,{기본값}) // 기본값의 값들..

문제 설명 문제 풀이 function solution(a, b) { let answer = 0 // a와 b의 같은 순서의 요소를 서로 곱함 => a 배열의 길이만큼 반복 for(let i = 0; i acc += a[i]*b[i],0) } reduce의 활용

1. useEffect 란? - react의 주요 임무는 화면을 렌더링하고 컴포넌트를 재사용 하는 것 - effect는 side effect라고도 하는데 주요 임무 외에 처리하는 모든 것을 뜻함 ex) Http 리퀘스트 - 특정 값이 변하면 실행하는 함수를 지정할 수 있다. (주기성 관리) - 응답으로 실행되는 행동에 도움이 된다. ex) input의 유효성 검사, 어떤 액션을 하면 로드되는 컴포넌트 2. 사용이유? - 값이 변할때마다 함수가 다시 사용되는 경우 트래픽이 과부화 될 가능성 3. 사용방법! (1). useEffect import import React, { useState, useEffect } from 'react'; (2). useEffect의 기본형식 useEffect(()=>{'실행..

1. Ref란? - 영어 Reference(참조)의 축약형으로 다른 DOM에 접근 가능하게 해준다. - 그 값은 Object이고 오브젝트 안에는 current가 존재하고 그 안에 값이 존재한다. 2. 사용이유? - useState와 비슷한 기능을 하지만 좀 더 간단한 코드의 구조를 가진다. - onChange의 input의 값을 구한다 했을 때 state를 사용하면 값이 바뀔때 마다 값이 변한다. - ref를 이용하면 제출될 때에만 값이 변하도록 조정 가능하다. 3. 사용 방법 (1). React에서 ref import해준다. import React, { useRef } from 'react'; (2). ref를 정의해준다. const nameRef = useRef(); const ageRef = use..