guricode

See the Pen Untitled by leeys (@agent-megurii) on CodePen. 자바스크립트에서는 const elsome = document.querySelector('.클래스명')로 선택자를 지정할수 있다. 하지만 ul태그 안에 여러개의 li태그를 전부 선택하고 싶을때 querySelectorAll을 사용하여 li태그 전부를 선택자로 묶을수 있다. const elsome = document.querySelectorAll('.클래스명') querySelectorAll로 item-list의 li와 input을 모두 선택해 주었다. button태그에 id값이 btndel인 값을 선택자로 onclick 이벤트를 주었다. id값을 불러와서 명령을 줄때는 const로 선언하지 않아도 사용..

https://nodejs.org/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org (위에 설치링크) 페이스북이 react를 만들어 내면서 react붐이 한번 일어났었습니다. 자바스크립트 기반 런타임이지만 백단서버쪽도 작업 가능하게 해주는 신비로운 물건이라고합니다. 출처 - https://www.npmtrends.com npm trends: Compare NPM package downloads Which NPM package should you use? Compare NPM package download stats over time. Spot trends, pick the winner. w..

자바스크립트 할당연산자에 대해서.. 저번 포스트에서 배운 innerHTML은 태그안의 내용을 바꿔주는 명령어입니다. innerHTML에 여러개의 내용을집어넣으려면 선택자.innerHTML = 내용1 선택자.innerHTML = 내용2 선택자.innerHTML = 내용3 이런식으로 한다면 최종적으로 선택자의 HTML은 내용3만이 출력되게 됩니다. 여기서 산술연산자를 사용해서 명령을 줘야하는데 = 부등호앞애 + 를 넣어허 +=를 만들어주어서 선택자.innerHTML += 내용1 선택자.innerHTML += 내용2 선택자.innerHTML += 내용3 이렇게 만들어주면 내용1,내용2,내용3이 모두 선택자에 출력되게 됩니다. +=라는 연산자는 더하기와 같다고 보시면 됩니다. 이와같이 부등호=앞에 *나 +를 넣..

이번에 배울 언어는 자바스크립트입니다. 출력 자바스크립트(js)에서는 기본적으로 변수 선언과 상수 선언이 있습니다. 변수선언은 계속해서 변하는 값을 선언할수 있고, 몇번이든 계속 쓸수 있습니다. 상수선언은 스크립트 내에서 전부 사용할수 있으며 변하지 않는 속성입니다. html에 div class인 print에게 자바스크립트 내에서 사용할수 있게 상수선언을 하려고 합니다. 아래는 스크립트입니다. 화면에 출력된 내용 = '출력' html에 있는 print라는 클래스에 자바스크립트 내에서 사용할수있는 const라는 선언식을 작성한 후 elPrint라는 이름으로 상수 선언을 했습니다. 이제 선언된 상수로 스크립트에서 명령을 줄수가 있습니다. 오늘 해볼 명령은 HTML내용을 바꿀수 있는 innerHTML입니다. ..