본문 바로가기

reduce4

[220502] styled-component 사용하기 디렉토리의 역할 src component - 공통적으로 들어갈 컴포넌트 모음 hook - 훅에 관련된 내용을 넣는 컴포넌트 pages - 화면에 출력할 영역을 넣음 reducer - reducer 모음 (useReducer가 아닌 redux 관련) store - Context와 같이 전역상태를 만들어주는 디렉토리 컴포넌트별로 기능을 부여할 수 있는 리액트 특성상 디렉토리는 파일 정리 이상의 의미를 가진다. 보통 기능별로 이렇게 디렉토리를 나누니 가이드 삼자. styled-component 설치하기 $ npm install styled-components styled-components 세팅하기 import styled from 'styled-components' styled-components 사용하기 .. 2022. 5. 8.
[220109] 1차 배열, 2차 배열의 합을 forEach, reduce, join으로 해결하기 목차 1. 1차배열의 합 2. 2차배열의 합 주기적으로 배열을 다뤄서 요소들의 합을 내놓으라는 문제를 접하는데, 계속 찾아보고 걔념 잡기 귀찮아서 한번에 정리. 1차 배열의 합 : reduce function a(arr){ return arr.reduce((v,i)=>v+i) } console.log(a([1,2,3,4,5])) 1차 배열의 합 : forEach function a(arr){ arr.forEach(v=>sum+=v); return sum; } console.log(a([1,2,3,4,5])) 1차 배열의 합 : map function a(arr){ arr.map(v=>sum+=v); return sum; } console.log(a([1,2,3,4,5])) forEach랑 map의 차이점.. 2022. 1. 9.
[220108] Lv.1 평균값 구하기 문제 사이트 링크 : https://programmers.co.kr/learn/courses/30/lessons/12944 코딩테스트 연습 - 평균 구하기 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. 입출력 예 arr programmers.co.kr 내 풀이 let arr=[1,2,3,4] let sum=0; arr.forEach(v => {sum+=v}); let answer = sum/arr.length reduce를 사용한 더 짧고 빠른 풀이 reduce라는게 있는 것을 배웠다. 짧게 푸는 법은 무궁무진하구나. let a.. 2022. 1. 8.
[220108] Array, fill, 덧셈 삼대장(map, reduce, forEach) 목차 1. array 2. fill 3. 덧셈 삼대장 Array ( 집어넣을 요소 | 생성할 빈 배열 수) Array( element1, element2... | arrayLength ) : 생성자 새로운 array 객체를 생성할때 사용 element1, element2... : array / 안에 채울 요소, 만약 자료형이 숫자이고 단 하나일 경우 arrayLength로 넘어간다 arrayLength : 유일한 매개변수가 2^32-1 이하의 정수인경우, 그 수 만큼의 빈 배열을 갖게된다. let arr1 = Array(2) //[ 빈 요소, 빈 요소 ] let arr2 = Array('apple', 'pear') //['apple', 'pear] fill (채울 값, 시작 인덱스 번호, 끝 인덱스 번호.. 2022. 1. 8.

티스토리툴바