반응형 Dev. Yelee ˗ˋˏϟˎˊ˗99 [맥/Mac] 맥북 폴더 아이콘 변경하기 (+ 무료 아이콘 사이트) 바탕화면에 아이콘이 4개가 있는데 이름만으로 구분하기에 가끔 헷갈릴 때가 있다 그래서 용도에 맞게 아이콘을 변경해보기로 했다 1. 무료 아이콘 기존에 이용하던 무료 아이콘 사이트에서 폴더 아이콘을 찾아보기로 함! Free Icons and Stickers - Millions of resources to download Download Free Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats www.flaticon.com 위 링크에서 단어를 입력하면 쉽게 아이콘을 찾을 수 있다. 예시로 Youtube를 검색하면 이와 같이 많은 아이콘을 얻을 수 있다. 참고로 .. 2022. 5. 28. [React/리액트] Fragment(<></>)에 key 추가하기 (불필요한 element 생성을 막자!) 리액트에서 혹은 축약형인 를 사용할 때가 있다. 이 fragment는 불필요한 element를 생성하지 않아도 된다는 장점이 있지만 배열 렌더링을 할 때 key 값을 추가할 수 없다는 단점이 있다. 그래서 보통 태그를 감싸서 key값을 주곤 했는데 괜히 불필요한 element를 생성하는 것 같아 느낌적인 느낌으로다가,, 기분이 별로 좋지가 않았음 그래서 해결 방법을 찾아본 결과! 예제 {options.map(item => {item.isborder && } {item.label} , )} 위 방법 처럼 사용하게 되면 fragment에 key 값을 추가할 수 없다. div 태그로 감싸 key값을 주는 방법도 있지만 불필요한 div가 생성된다 해결 {options.map(item => [ item.isbor.. 2022. 5. 24. [React Error/리액트 에러] Attempted import error: 'useHistory' is not exported from 'react-router'. 회사에서 작업 중이던 프로젝트에서 패키지 이것저것 업데이트하다가 완전히 꼬여버렸다 node-modules를 삭제하고 yarn cache clean을 해봤지만 아래와 같이 react-router에서 Attempted import error가 떴다 발생 에러 Attempted import error: 'useHistory' is not exported from 'react-router'. 원인. 예~~ 전에 react-router v3를 사용하다가 중간에 react-router-dom v5.2.0으로 업데이트를 했는지 일부에서는 useHistory를 'react-router'에서 import 해왔고 또 일부에서는 'react-router-dom'에서 import를 해왔다 (내 잘못 아님,,ㅠ 누군가 짜 놓은.. 2022. 5. 11. [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. 이전 1 ··· 9 10 11 12 13 14 15 ··· 25 다음 반응형
