Summary결론 img는 ::after와 ::before 같은 가상요소를 못쓴다🥹..Problem위 그림에 표시된 것과 같이 이미지에 가상요소를 추가하는 연습을 하고자 했습니다.img::after 를 사용해서 진짜 열심히 만들었는데 아무것도 뜨지 않았고... 뇌가 정지할 뻔했지만 바로 구글링 ON..Solved닫는 태그가 없는 태그는 ::after와 ::before같은 가상요소를 사용할 수 없다고 합니다.  img? 닫는 태그요? 없어요. 그래서 div를 추가했습니다. 그리고 추가한 div에 가상요소를 추가해서 구현했습니다. 바로 보이는 귀여운 상자^^..   div { position: relative; width: 640px;}.img::before { position: absolute..

Summary 사건의 시작은 html에서부터... id를 쓰지 않은 것.평소에 id를 잘 쓰지 않기에 이번에도 className만 작성하고 그냥 넘어갔습니다.별 생각없이 css와 js까지 작성하고 버튼을 클릭했는데!버튼을 누르자마자 보이는 건 빨간줄이었고...이유는 이놈이었다..const $container = document.getElementsByClassName("container");Problemjs에서 html 요소에 className으로 접근한 후 액션에 맞추어 class를 추가해주려고 했는데 오류가 났습니다.CSS 변경이 안돼...const $container = document.getElementsByClassName("container");  SolvedgetElementsByClassN..