환경 VS code ESLint (VS code 플러그인) VS code 프로그램에 설치된 ESLint플러그인을 사용해 저장시 자동으로 포맷을 정리해주는 환경 설정을 해보려고 합니다. 우선, 아래 명령어를 입력하여 초기 세팅을 해줍니다.: cmd + shift + p 명령어 팔레트를 열고 setting.json파일을 열어주고 아래 코드 추가해줍니다....
환경 VS code ESLint 이 문서는 유튜버 Traversy Media님의 영상을 보고 filter, map, reduce 메서드의 사용법을 익히고자 정리하였습니다. 위의 더미데이터를 활용해서 각 메서드의 특징을 알아보겠습니다. 기존에는 for문을 사용해 데이터를 가공했습니다. 이제는 for문 대신에 아래 메서드를 이용해 더 세련된 문법을 구...
배열내의 모든 요소 각각 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환. 매개변수 콜백: 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. currentValue: 처리할 현재 요소. index(옵션): 처리할 현재 요소의 인덱스.
John의 나이를 바꾸겠다고 하면, users1.age = 29 이렇게 하면 끝나지만 아래와 같이 다른 방식을 써보자.한 개의 아이템을 바꾸는 것 대신 다른 값 하나를 포함하여 새로운 배열을 만들었다.updatedUsers == user 이렇게 참조해 비교가 가능하다.
JSON Stringify 한 장치에서 다른 장치로, 한 언어에서 다른 장치로 데이터를 전송하려면 구조화되고 균일하며 잘 정의 된 규칙이 필요하다. JSON은 JS 객체를 기반으로하지만 특정 조건이 유효해야 한다. 이 특정 조건은 JS에 내장되어 있는 JSON.str
참조는 참조한 객체의 데이터를 바꾸면, 원본의 데이터가 영향을 받는다복사는 원본데이터에 영향을 받지 않는다.자바스크립트에서 객체는 참조다.즉, 참조한 데이터의 값을 바꾸게 되면 원본의 데이터에 영향을 받는다.객체의 종류로는 객체, 배열, 함수가 있다.따라서 객체, 배열
flat() 메서드는 모든 하위 배열 요소를 지정한 깊이까지 재귀적으로 이어붙인 새로운 배열을 생성한다.const newArr = arr.flat(depth);depth: 중첩 배열 구조를 평탄화할 때 사용할 깊이 값. 기본값은 1.하위 배열을 이어붙인 새로운 배열중처
자바스크립트 유틸리티 라이브러리array, collection, date, number, object 등이 있으며 데이터를 쉽게 다루 수 있도록 도와준다.자바스크립트에서 배열 안의 객체들의 값을 핸들링할 때 유용배열 안에 요소들 중 특정 값만 filter하고 싶을 때