Development (국비 복습 )/JavaScript48 [Ajax] XMLHttpRequest 객체의 생성 ajax란 웹페이지에서 바로 웹서버로 전달할 수 있는 기술을 말한다. 아래 기본적인 ajax 코드를 분석해보자 https://www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_first W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com The XMLHttpRequest Object Change Content ajax 만드는 순서 1.button의 함수, loadDoc() 이 작동할 수 있도록 큰 틀을 만들어 준다. 2.XMLHttpRequest() 함수를 불러온다. .. 2023. 2. 11. [Ajax] ajax 기본 페이지를 다시 로딩하지 않아도 웹페이지를 업데이트 해주는 기술이다 . 프로그램 언어가 아니다 !! 페이지를 다시 로딩하지 않아도 업데이트가 된다 -> 즉, html 웹페이지에서 바로 웹서버로 갈 수 있는 기술이다 . https://www.w3schools.com/js/js_ajax_intro.asp AJAX Introduction W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools... 2023. 2. 10. 객체 지향 언어에서 인스턴스(Instance)란 무엇일까? 쉽게 말하면, 생성자(constructor)를 통해 비슷한 성질을 가진 객체들이 만들어지는데, 이러한 것을 인스턴스라고 한다. 인스턴스로 생성된 객체는 원래의 객체가 가지고있는 메소드나 프로퍼티를 상속받는다. 우선, 자바스크립트의 성질부터 알아보자 자바스크립트는 자신을 만든 원형객체(프로토타입 : prototype: 원형)을 복사하여 계속 새로운 객체를 만드는 성질이 있다. 이때, 생성자를 사용하여 인스턴스를 무한 생성할 수 있다. 1.비슷한 성질을 가진 객체를 생성하기 위하여 생성자를 만들어 준다. function Pizza(name,taste){ this.name; this.taste; } 2. 위의 생성자가 활동하려면, 그릇이 필요하다. 즉 new를 이용해 객체(그릇)을 만들어준다. potato =.. 2023. 2. 7. this키워드와 slice() JavaScript Objects An object method is a function definition, stored as a property value. this는 객체의 주인을 가리킨다. 위의 코드에서 fullName이라는 프로퍼티의 함수를 보면 this를 쓴 것을 알수 있는데, 여기서 this는 객체 주인을 가리킨다 즉, person이라는 객체를 가리킨다. fullName:function(){ return this.firstName+ " " + this.lastName; } 근데 , this 함수가 return과 같이 쓰인다면 그 객체가 아니라 return 함수에 들어있는 객체를 신경써야 한다. 다음의 경우 this.name이 undefined로 나왔는데, return 함수에 객체가 하나도 없.. 2023. 2. 7. 이전 1 ··· 5 6 7 8 9 10 11 12 다음
