728x90 [프론트엔드]/[JavaScript]4 [JavaScript] jQuery와 querySelector, getElements 비교 저번 시간에 querySelector와 getElements selector 사용법을 비교해보았고, 추가로 jQuery의 selector에 대해서까지 같이 비교해보겠습니다! 1. id의 속성으로 접근 시 [JavaScript] document.getElementById('id명'); document.querySelector('#id명'); [jQuery] $('#id명'); 2. class 속성으로 접근 시 [JavaScript] document.getElementsByClassName('class명'); document.querySelectorAll('.class명'); [jQuery] $('.class명'); 2023. 3. 28. [JavaScript] querySelector / getElementById/ getElementsByClassName 작성 방법 구분하기 javascript로 코드를 짤 때, 계속 헷갈려서 구분하기 위해 정리해보겠습니다! 1. document.getElementById 사용 document.getElementById('id명'); 2. document.getElementsByClassName 사용 document.getElementsByClassName('class명'); 3. document.querySelector 사용 document.querySelector('#id명'); document.querySelector('.class명'); 4. document.querySelectorAll 사용 document.querySelectorAll('.class명'); 2023. 3. 23. [JavaScript]문법 정리 console.log() --> print()와 같은 느낌? # 변수 선언 var name = "Sir"; var age = 27; String(문자열) 변수는 따옴표 안에 표시한다. 변수를 선언할 때 변할 수 있는 값 let 변하지 않는 값 const let : 이미 선언되어있는 변수를 다시 선언 시 에러를 통해 내가 선언 한 변수가 중복되어있음을 알 수 있음 const: 절대로 바뀌지 않는 상수 , 수정이 안된다. ex) 파이(PI), 생일 변수 선언 시 주의할 점 1. 변수는 문자와 숫자, $와 _ 만 사용한다. 2. 첫글자는 숫자 x 3. 예약어는 사용 x 4. 가급정 상수는 대문자로 선언 5. 변수명은 읽기 쉽게 (이해할 수 있게) # typeof 연산자 type 확인 const name = ".. 2023. 3. 17. [Javascript] Visual Studio Code 에서 Javascript 사용하기 1. Visual Studio Code 에서 Code Runner install 하기 ctrl + alt + n 으로 실행 시 다음과 같이 표시된다. 2. Node.js를 설치하여 오류를 해결한다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 3. 실행해보기 다음과 같이 출력이 잘 되는것을 확인할 수 있다..! 2023. 2. 17. 이전 1 다음 728x90
