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