javascript10 [JavaScript] document.querySelector * document.querySelector(css 선택자) Syntax: element = document.querySelector(CSS selectors); - name, id 를 제한 X - css선택자로 요소를 찾는다. - This string must be a valid CSS selector string; if it isn't, a SYNTAX_ERR exception is thrown * document.querySelectorAll(css 선택자) Syntax: element = document.querySelectorAll(CSS selectors); 기능과 사용법은 document.querySelector와 동일하지만, css 선택자를 사용하여 모든 요소를 찾는다.. 2021. 1. 1. [JavaScript] 객체 기본 객체 : 관련된 데이터나 함수의 집합 객체 안에서는 데이터를 프로퍼티(속성), 함수를 메소드라고 한다. let person = { name: ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['music', 'skiing'], bio: function() { alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.'); }, greeting: function() { alert('Hi! I\'m ' + this.name[0] + '.'); } }; 이 예시에서 프.. 2020. 12. 31. [JavaScript] Switch language button codepen.io/JFeremy/post/switch-language-button-js Switch language button JS switch language Script to change language in website with button. You only need a button to choose language and add "id" in balise to inform... codepen.io 자바스크립트를 이용하여 버튼을 눌렀을 때 특정 언어로 바꾸기 - Script to change language in website with button. - You only need a button to choose language and add "id" in balise to inform abou.. 2020. 12. 31. [JavaScript / 생활코딩] Ajax · Ajax - Ajax is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. (출처:위키피디아) - 즉, JavaScript와 XML을 이용한 비동기적 정보 교환 기법 - Ajax로 현재 페이지의 화면 전환 없이 서버에서 데이터 자료를 전송 가능 - 새로 고침이나 새로운 HTML 페이지로 전환이 필요 없다. - 부분만 로딩이 되므로 속도가 빠르다. JavaScript 선행학습이 필요하다. (무조건) 생활코딩 강의를 들으며 이고잉님이 항상 강조하던 것은 중복의 제거이다. (+ 쪼개기) 이 수업 또한 중복을 제거해 나간다.. 2020. 12. 31. 이전 1 2 다음