본문 바로가기
일상

햄스터가 세상을 지배한다.console

by 쏘야.yap 2022. 5. 11.
728x90

어드민페이지에 이런걸 넣었다네요

HAMSTER POWER

 

console.log("%c", "스타일어쩌구... background: url('aaa.jpg')...")

이거 왠진 모르겠는데 자꾸 안먹혀서 고생 좀 함

FileReader 로 읽어서 blob 만들어서 src 에 꽂아넣어야 작동함

 

---

https://velog.io/@dnpxm387/TIL155-console-image-%EB%84%A3%EA%B8%B0

 

TIL#155 console image 넣기

console 꾸미기

velog.io

나랑 비슷한 사람이 있는데, 이사람은 잘 해결됐다고 해서 따라해봤다.

얼핏 봐서는 내가 원하는 "(로컬이든 리모트든) url 만 넣고 이미지 띄우기" 가 가능해보였는데,

 

let img = new Image();

...

img.src = "https://myimage.com/image.jpg";

 

이런식으로 해도 동작을 하지 않았다;

 

알고보니 node 환경에서 require("./myimage.jpg") 와 같이 사용할 경우, 이미지를 로딩한 데이터를 갖고 있게 되는 것이었다.

결국 url 이 아니라 데이터를 직접 src에 넣었던 것임 크크루삥뽕 

 

결론: FileReader 쓰자