Custom
-
[React] How to make custom image icon with .png files.Frontend/react 2020. 10. 16. 12:47
React로 KANA 어드민 웹 페이지 제작을 진행하면서, 최신 이벤트에 대한 리스트를 만들떄 우리에게 맞는 아이콘이 필요했다. material-ui를 적용 하고 있어서 아래 리스트를 기반으로 제작한다. material-ui.com/components/lists/ 리스트에 들어갈 텍스트는 그냥 바꾸면 되는데 아이콘의 경우 맞는게 없기 때문에 커스텀으로 만들어야 했다. 먼저 아이폰을 만들 이미지파일(32x32)을 아래처럼 가져와주자. // constants.js export const ICONS = { AAA: require("../assets/images/icon/AAA.png"), BBB: require("../assets/images/icon/BBB.png"), CCC: require("../asse..