[Vanilla JS] 동적으로 할당된 객체에 FontAwesome 아이콘 삽입
나는 현재 사용자가 입력한 텍스트를 li 객체에 동적으로 할당하여 보여주는 프로젝트를 진행중이다. 각 li 객체 내부에 쓰레기통 아이콘도 넣어, 삭제 연산을 하도록 하려는데, FontAwesome에서 제공하는 아이콘을 어떻게 삽입해야하는지 알 수가 없었다. (기존에 새로 만든 객체에 속성을 부여하듯이 element.class = "아이콘 값"이라고 입력도 해보았으나, 역시 틀린 답이었다.ㅎㅎ) #위 이미지 클릭시 해당 이미지의 fontawesome 페이지로 연결됨 이미 나와 같은 문제에 마주쳤던 사람들이 있어 다행히 두가지의 해결 방안을 금방 얻을 수 있었다. deleteBtn이라는 새로운 객체를 만들고 난 이후의 코드이다. 1. innerHTML을 이용 deleteBtn.innerHTML = '' 2...
[CSS] 배경 이미지 화면 가득 채우기
실제 Momentum처럼 배경에 랜덤한 이미지를 설정하고 싶었는데 이미지를 지정하면 자꾸 아래와 같이 여러 장의 사진이 반복되는 상황이 펼쳐졌다. 이미지의 해상도가 낮을 수록 여러개의 이미지가 반복되었다. img 폴더에는 있는 모든 이미지들이 0.jpg, 1.jpg, ... 이렇게 규칙적으로 되어있어, 이미지파일의 이름들을 담은 배열을 별도로 생성하지 않았다. JS로 body의 배경 이미지를 변경하는 코드는 다음과 같이 작성하였다. (사실 Nico는 JS에서 style을 건드리는걸 별로 좋아하지 않는다고 했던 것 같은데, CSS에서만으로도 랜덤한 이미지 설정이 가능한지 몰라서 그냥 작성하였다ㅎㅎ) /* js/backgound.js */ const imgNum = Math.floor(Math.random(..
