본문 바로가기
반응형

📍 Front-End72

[CSS] position: absolute; 가 적용된 element의 z-index가 적용되지 않을때 position: absolute가 적용된 element에 z-index 값을 입력했는데도 적용이 되지 않는 이슈가 있었다 다양한 이유가 있겠지만 나의 경우는 부모 element에 잘못된 z-index 값이 적용되어 있었다. 대략적인 구조는 Hello World! 이렇게 부모 요소 아래 자식 요소가 있고 이 자식 요소의 z-index가 작동하지 않는 이슈였다 CSS작성부를 살펴보니 .parent{ position: relative; z-index: 0; } .child{ position: absolute; z-index: 2; } 부모 요소에 z-index: 0;이 적용되어 있는 것이 문제였다. 누가 어떤 의도로 이렇게 작성했는진 모르겠지만.. 이걸 지우고 나니.. 버그가 있었는데요.. 없어졌습니다.. .. 2022. 5. 7.
[자바스크립트/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.
[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.
반응형