본문 바로가기
반응형

Dev. Yelee ˗ˋˏϟˎˊ˗99

[자바스크립트/Javscript] 두개의 배열 내 객체 값 비교하기 객체(Object)로 이루어진 서로 다른 배열 A와 B가 있다. 예시) const tempA = [ { name: 'park', age: 20 }, { name: 'lee', age: 22 }, { name: 'choi', age: 20 }, { name: 'song', age: 30 }, ]; const tempB = [ { name: 'kim', age: 20 }, { name: 'song', age: 30 }, { name: 'choi', age: 22 }, { name: 'park', age: 21 }, ]; 1. 배열 A와 B를 비교하여 name 값이 같은 것만 필터링하기 처음에 제가 짠 코드는 이중 filter()입니다. tempA.filter( (item) => tempB.filter((i).. 2022. 5. 6.
[자바스크립트/Javscript] 배열안에 객체 값 변경하기 개발하다 보면 아래와 같은 data를 자주 접하게 되는데 객체 안의 값을 변경할 때 어떻게 해야 할까,,, const tempArr = [ { name: "name1", age: 20, }, { name: "name2", age: 21, }, { name: "name3", age: 20, }, { name: "name4", age: 20, }, { name: "name5", age: 20, }, ] 정답(?)은,,, tempArr.map((item) => item.age === 21 ? { ...item, age: 20} : item) map으로 teamArr이라는 배열을 순회하는데 age의 값이 21 이면 age를 20으로 변경, 그렇지 않으면 그대로 object를 return 해준다. 2022. 5. 3.
💻 맥북 에어(M1,2020)에 개발환경 세팅 - 리액트 개발자 작년에 살까 말까 고민하다가 안 샀는데 코로나 확진되고 자가 격리 기간 동안 물욕이 폭발하는 바람에 얼떨결에 구매해버림;; 이제 무거운 회사 맥북 말고 가벼운 맥북 에어 들고 개발해봅시다🥳 설치에 앞서 기존 맥북에서 마이그레이션을 하는 경우 Intel 버전의 애플리케이션들이 그대로 마이그레이션 되어 M1이 성능을 제대로 발휘하지 못한다고 한다 기존 맥북을 마이그레이션 하는 경우에는 M1에 맞게 업데이트를! 그리고 깡통 맥북에 개발환경을 세팅하는 경우라면 니즈에 맞게 잘 설치해야 된다,, 상단바 가장 좌측에 사과 모양 애플 로고를 누르고 - 이 맥에 관하여 - 저장공간 - 관리를 누르면 아래와 같은 창이 뜬다. 그다음 응용 프로그램을 클릭하면 이 맥에 설치된 응용 프로그램을 확인할 수 있는데 여기서 종류 .. 2022. 4. 2.
[React Error/리액트 에러]A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element f.. input type='checkbox' element에 value값을 할당했는데 아래와 같은 에러가 발생 A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. 원인 value에 undefined 값이 들어가면서 컨트롤할 수가 없어 발생함. 해결법 value가 undefined 일때 빈 값이 할당될 수 있도.. 2022. 4. 1.
반응형