반응형 전체 글293 [JS] querySelector querySelector함수를 이용해서 html에 있는 요소를 불러올 수 있다. [js] const searchEl = document.querySelector('.search') const searchInputEl = searchEl.querySelector('input') // 검색창 요소를 클릭하면 실행. searchEl.addEventListener('click', function () { searchInputEl.focus() }) // 검색창 요소 내부 실제 input 요소에 포커스되면 실행. searchInputEl.addEventListener('focus', function () { searchEl.classList.add('focused') searchInputEl.setAttribut.. 2023. 10. 22. [JavaScript] const & let const는 상수이다. 상수의 값은 재할당할 수 없다. 예를 들어보자 // MY_FAV를 상수로 정의하고 그 값을 7로 함 const MY_FAV = 7; // 에러가 발생함 MY_FAV = 20; // 7 출력 console.log("my favorite number is: " + MY_FAV); 그 외에는 기본적으로 let을 사용한다. 원래는 var를 사용했다고 하는데 수많은 문제점과 그로 인해 버그를 일으킬 수 있다는 이유로 현재는 var보다 let을 쓴다고 한다. 2023. 10. 22. [CSS] backface-visibility backface-visibility 뒤집어진 뒷면이 보여질지 안보여질지를 결정한다(visible/hidden) See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22. [CSS] transform :perspective() transform : perspective() - 3D 공간에서처럼 원근감을 구현시킬 때 사용 - 값이 적을수록 가깝게 보이고, 클수록 멀게 보인다. See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22. 이전 1 ··· 60 61 62 63 64 65 66 ··· 74 다음 반응형