Front-End/Javascript4 [JS] 메뉴 이동시 선택한 메뉴 클릭 유지 되도록 메뉴 이동시 선택한 메뉴가 클릭 유지 되도록 하려면 다음과 같은 코드를 작성하면 됩니다. const menuItems = document.querySelectorAll(".class_nav .class_ul li a");임의의 class_nav를 가진 요소 내부의 class_ul를 가진 요소 내부의 모든 li 요소의 자손인 a요소들을 선택합니다. const currentPath = window.location.pathname;현재 URL에서 도메인 다음에 오는 경로를 가져옵니다. menuItems.forEach(function(link) { const li = link.parentElement; if (link.getAttribute('href') === currentPath) { .. 2024. 5. 29. [error] node fileName.js 실행 오류. 'MODULE_NOT_FOUND' terminal에서 node [fileName].js를 실행시켰는데 다음과 같은 에러가 났다. module이 없으니 npm install로 모듈을 설치하면 된다. npm install 2023. 6. 15. [javascript] DB컬럼에 여러 값을 넣고 싶을 경우 JSON.stringfy() 데이터 유형이 문자열인 DB 컬럼에 여러개의 값을 넣고 싶을 경우 JSON.stringfy()를 사용한다. JSON.stringfy()는 JavaScript 값이나 객체를 JSON 문자열로 변환하기에 데이터 유형이 문자열인 DB컬럼에 저장이 가능해진다. const arr = ['안녕하세요', '반갑습니다', '환영합니다']; let result = JSON.stringfy(arr); 2023. 6. 12. JavaScript: html 가져와서 내용 확인 ex: document.querySelector() js에서 html을 가져와서 내용을 확인하고 싶을 경우 여러가지 방법이 있겠지만 몇가지 방법을 소개하고자 한다. document.getElementById(); document.getElemensByClassName(); document.querySelector(); document.getElementById(); // html에서 id 값을 가져오고 싶을 경우 사용 document.getElemensByClassName(); // html에서 특정한 element 값으로 되어 있는 여러 element를 한번에 가져오고 싶을 경우 사용 document.getElementsByTagName(); // tag name에 대해서 array로 값을 가져옴 document.querySelector(); // el.. 2023. 1. 13. 이전 1 다음
