꿈꾸는 개발자의 블로그

이상하게.. 저 두 함수가 너무 헷갈려서 정리해봤다. slice() Array.slice(begin, end) : 어떤 배열의 begin부터 end(미포함)까지 새로운 배열을 반환한다. 만약 end가 없을 경우 배열의 끝까지 추출한다. 음수는 배열의 끝에서부터 길이를 나타낸다. begin Optional : 추출 시작점 인덱스 end Optional : 추출 종료한 인덱스 (end 인덱스를 제외하고 추출) 반환값 : 새로운 배열 let alphabet = ['a', 'b', 'c', 'd', 'e']; // 0 1 2 3 4 // -5 -4 -3 -2 -1 let result1 = alphabet.slice(0, 2); // ['a', 'b'] let result2 = alphabet.slice();//..

에러 원인 yarn istall을 하는 과정에서.. info There appears to be trouble with your network connection. Retrying... 라는 문구가 발생했고, 모듈 설치가 제대로 이루어지지 않았다. 그래서 찾아보니! 몇 가지 원인이 있었지만, 나의 경우는 네트워크가 느리거나 해당 패키지 파일이 너무 큰 경우에 해당하여 시간을 늘려주면 되는 문제였다. 에러 해결방법 아래와 같이 명령어를 입력해주자! yarn install --network-timeout 600000 참고 블로그 더보기 https://enhjh.tistory.com/25 [yarn] info There appears to be trouble with your network connection..

프로젝트를 진행하며 전체적으로 styled-components를 이용하여 스타일을 지정하고 있었는데, Mui로 불러온 같은 방식으로 구현하다가 오류가 나는 상황이 생겼다..!! 알아보니 그 이유는 Mui는 emotion이 기본 엔진인데, styled-components로 엔진을 교체하기 위한 작업이 동반되지 않았기 때문이였다. 공식 문서에도 친절히 설명이 되어있었는데 ㅠㅠ 에휴... 앞으로! 진짜 공식 문서부터 잘 챙겨보는 것을 습관화해야겠다! Mui styled-components 설치 yarn add @mui/material @mui/styled-engine-sc styled-components Mui styled-components를 이용한 구현 import 부분에서 모듈 이름을 materialSt..

분리수거 서비스 웹 페이지를 만들면서 퀴즈와 답을 화면에 그려야했다. 퀴즈 문제와 답에 관련된 데이터를 받아와서 화면에 표시해주어야 했기 때문에, 이 때 사용한 객체를 순회하는 방법을 소개한다. Object.values().map() 으로 객체 순회하기 1. 객체의 type을 설정한다. 2. 객체의 값(value)을 map() 함수를 통해 순회한다. * 객체의 값 뿐만 아니라 키도 필요하다면 다음의 함수를 사용할 수 있다. Object.keys(obj) 객체의 키만 담은 배열을 반환합니다. Object.values(obj) 객체의 값만 담은 배열을 반환합니다. Object.entries(obj) [키, 값] 쌍을 담은 배열을 반환합니다. 그리고 이 때! 주의할 점은 map() 함수 내에서 리턴할 때, {..

Rest Operator 함수의 인자, 배열, 객체 중 나머지 값을 묶어 사용하도록 한다. 함수 인자 function getMin(...rest) {// 인자들을 배열로 담음 return rest.reduce((a, b) => a < b ? a : b) } getMin(7, 4, 5, 1)// 1 배열 let arr = [1, 2, 3, 4, 5]; let [head, ...tail] = arr;// arr 배열의 첫 번째 원소를 head, 나머지 값들을 tail에 배열로 묶음 객체 let o = { name: "Daniel", age: 23, address: "Street", job: "Software Engineer", }; let { age, name, ...rest } = o;// age, nam..