개발자 도비

1. 자바스크립트 위치 내부 자바스크립트 HTML 태그 안에서 위치 외부 자바스크립트 외부 파일에 저장. 공통적으로 사용되는 코드 포함. 인라인 자바스크립트 HTML 태그 내부에 이벤트 속성으로 삽입. 꼭 필요한 경우에만 사용하기! 2.자료형 number, string, boolean, object, undefined(값결정X) 기본형 객체형 - 속성/값 3.연산자 === - 값, 타입 모두 동일 !== 4.HTML 요소 접근 document.getElementById(id) 5.배열 여러 객체 혼합해서 저장 가능 let txt = [] let txt = new Array() 6.함수 무명함수 function showDir() { } let greeting = function() {}; greeting(..

1.종류 내장 객체 - 사용자가 미리 작성 Date, String, Array, document .... 사용자 정의 객체 - 사용자가 생성자를 정의 객체 상수(Object literal)로 부터 객체 생성 간단하지만 객체를 하나만 생성할 수 있다. 추가로 객체를 생성하려면 동일한 코드반복, 싱글톤 var myCar = { model: "", speed: 0, brake: function () {this.speed -=10;}, accel: function () {this.speed += 10;) }; myCar.speed = 10; myCar.brake(); 생성자 함수를 이용한 객체 생성 사용자 정의 객체 - 생성자 (객체를 초기화) 필요. 객체 생성 연산자는 new. 객체 멤버: 객체 안의 속성과 ..

Inline Events html 태그 내에서 이벤트 기능 추가 const btn = document.querySelector("#v2') // 클릭 이벤트 한번 적용 btn.onclick = function() { } addEventListener('event', () ⇒ {}) 다중 이벤트 적용 가능 const btn = document.querySelector('#v3') btn.addEventListener('click', function() { }) const input = document.querySelector('input') input.addEventListener('keydown', function(evt) { console.log(evt.key) console.log(evt.code) ..

요소 검색 getElement* document.getElementById(id) // 'id'는 중복X let elem = document.getElementById('id') getElementsByName(name) 컬렉션 getElementsByTagName(태그 or '*') 컬렉션 getElementsByClassName(class) 컬렉션 querySelector* querySelector(css) 첫 번째 요소 검색 document.querySelector('tag') document.querySelector('#id') document.querySelector('.class') querySelectorA..

$.ajax({ url: "request URL", type: "GET/POST", contentType: "application/json; charset=utf-8", // 서버에 보내는 데이터 타입 dataType: "JSON", // 서버에서 반환되는 데이터 타입 명시 beforeSened: function() { // ajax 요청 전송 전 불리는 이벤트 }, complete: function() { // ajax 요청 완료 후 success, error 완료 후 발생 }, success: function() { }, error: function() { } https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started function i..