본문 바로가기
728x90

javascript2

[JavaScript] var, let, const 차이점은? 🌈 var, let, const? 1. var : var 는 변수 재선언, 재할당이 가능하다. 유연한 변수 선언으로 간단한 테스트에는 편리할 수 있으나 코드량이 많아진다면 어디서 사용했는지 파악하기도 힘들뿐더러 값이 잘못 변경될 수 있는 가능성이 있다. a 에 변수에 A 를 할당 해준후, a 라는 변수에 다시 B 를 넣어보면 아래와 같은 결과를 확인할 수 있다. 같은 이름의 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 다른 값으로 변해버리는 결과를 확인할 수 있다. 2. let : var 의 단점을 보완하 위해 ES6 이후에 추가 된 변수 선언 방식이 let과 const 이다. let을 사용해서 위 예제를 test 해보면 재선언이 되지 않는 에러를 확인할 수 있다. 하지만, let 은 변.. 2022. 5. 5.
[JavaScript] querySelector 함수 사용해보기 🌈 querySelector 함수 사용해보기 querySelector()는 제공자 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 element를 반환한다. 일치하는 요소가 없다면 null을 반환하게 된다. 👉 querySelector를 이용하여 신문기사 제목 내 맘대로 바꿔보기 위 기사 제목을 querySelector를 이용하여 내 맘대로 바꿔보자! 제목의 class 이름을 먼저 확인해보자. 이 기사의 경우에는 class 이름이 "media_end_head_headline" 으로 설정되어 있다. console 창으로 넘어가 document.querySelector('.media_end_head_headline').textContent = "안녕하세요"; 다음과 같이 입력하면 기사 제목이 안녕하세.. 2022. 4. 27.
728x90