js) 메서드 call,apply,bind 를 알아보자!

자바스크립트에서 this는 일반적으로 객체에 속한메서드인경우는 그 객체를 가르킨다, 하지만 js의 특징으로 this를 함수를 통해서 따로 지정해줄 수도 있는데 이 (call,apply, bind)함수들을 알아보자. call 이 메서드는 모든 함수에서 사용가능하며, this를 지정해 줄 수있다.const bin = { money : 200, } const jisu = { money:100, } function UpDateSalary(salary){ this.money += +salary; this.salary = salary; } UpDateSalary.call(bin,1000); console.log(bin); /* { money: 1200, salary: '1000' } */ UpDate..

• format_list_bulleted JavaScript
• · 2022. 9. 28.
• textsms

JS)함수선언문, 함수 표현식 차이

함수 선언식 - Function Declearations function 함수명(){ 로직 } 함수 표현식 - Function Expressions let 함수명 = function (){ 로직 } 함수 선언식 vs 함수 표현식 함수 표현식은 호이스팅에 영향을 받지 않지만, 함수 선언식은 호이스팅에 영향을 받는다. 그 이유는 자바스크립트는 초기화전 자바의 모든 함수선언문을 찾아서 생성해 둔다. 따라서 함수가 함수 선언문보다 위에 있어도 실행이 된다. 호이스팅(hoisting) : 함수를 사용할 수 있는 범위 함수 선언식 testFunction(); function testFunction(){ console.log("함수 선언문") } // output : 함수 선언문 함수 표현식 testFunction(..

• format_list_bulleted JavaScript
• · 2022. 9. 7.
• textsms

javaScript AJAX 를 사용하는 이유

참고 유튜브데어코딩 웹, 앱 통신 차이 웹은 클라이언트의 요청으로 화면을 뛰울때 항상 서버에 .html을 받아서 화면을 사용하고, 앱은 화면이 내장되어있어 데이터를 서버에요청하는 방식이다. AJAX를 사용하는 이유 1 요청에 대한 응답을 html 이 아닌 Data(json)을 받기위해서 기존방법으로 웹과 앱의 서버를 만들때 앱은 화면이 내장되어있어 data만 필요로해 서버가 하나이면되지만 웹브라우저는 항상 화면을 서버에 요청하는 방식으로 DATA와 .html을 통신할때 2개에 서버가 필요하게 되지만 AJAX를 사용하면 json방식으로 데이터를 통신해서 서버가 하나로 해결이가능하다. AJAX를 사용하는 이유 2 비동기식 통신을 하기 위해서이다. 비동기식이란 절차(순서)상관없이 통신을 하는것이다. 예를들어 ..

• format_list_bulleted JavaScript
• · 2022. 2. 25.
• textsms