데이터 타입 🤼 undefined vs null 변수의 값이 둘 다 비어있다는 뜻인데 왜 두가지 타입으로 나눠 놨을 까?유 🫵 결론부터 undefined는 변수는 선언되어있지만 자료형이 결정되지 않은 변수(자스는 동적할당) null은 자료형은 객체이며 값이 비어있는 변수이다. 즉, 변수가 아무런 객체를 참조하지 않음을 명시적 표현 위 두가지의 차이로 값이 비어있다는 같은 의미를 두 가지의 타입으로 나눔 👀 좀 더 자세히 📌undefined 값을 할당하지 않은 변수를 undefined type이라고한다. undefined는 개발자가 할당한 값이아니라 자바스크립트엔진이 undefined로 초기화한다. 따라서 이제 우리는 알 수 있다. 콘솔에 언디파인드가 뜬다. = 변수에 값을 할당해 주지않았구나 하고 변부의..
fetch() 함수를 알아보자 fetch() 함수가 뭔데? 클라이언트단에서 비동기로 네트워크를 통해 api를 호출해 리소스를 요청하고 응답받을 수 있다. 예전엔 request,axios,jQuery같은 라이브러리를 이용해서 http를 요청하고 응답받았지만 요즘은 브라우저에서 기본으로 fetch()함수를 지원하기 때문에 상대적으로 더 좋은 대체제인 fetch()함수를 사용한다고 합니다. 참고로 fetch는 브라우저에서 제공하는 window객체의 내장객체 이기 때문에 당연하게 node.js같은 환경에서는 사용이 불가하다. 또 익스플로워 같은 구식 브라우저에서 동작하지않을 수 있다. 기본 문법 fetch ('api주소', {옵션 객체}) //기본동작은 get방식으로 동작한다. fetch()의 리..
자바스크립트에서 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..
함수 선언식 - Function Declearations function 함수명(){ 로직 } 함수 표현식 - Function Expressions let 함수명 = function (){ 로직 } 함수 선언식 vs 함수 표현식 함수 표현식은 호이스팅에 영향을 받지 않지만, 함수 선언식은 호이스팅에 영향을 받는다. 그 이유는 자바스크립트는 초기화전 자바의 모든 함수선언문을 찾아서 생성해 둔다. 따라서 함수가 함수 선언문보다 위에 있어도 실행이 된다. 호이스팅(hoisting) : 함수를 사용할 수 있는 범위 함수 선언식 testFunction(); function testFunction(){ console.log("함수 선언문") } // output : 함수 선언문 함수 표현식 testFunction(..
참고 유튜브데어코딩 웹, 앱 통신 차이 웹은 클라이언트의 요청으로 화면을 뛰울때 항상 서버에 .html을 받아서 화면을 사용하고, 앱은 화면이 내장되어있어 데이터를 서버에요청하는 방식이다. AJAX를 사용하는 이유 1 요청에 대한 응답을 html 이 아닌 Data(json)을 받기위해서 기존방법으로 웹과 앱의 서버를 만들때 앱은 화면이 내장되어있어 data만 필요로해 서버가 하나이면되지만 웹브라우저는 항상 화면을 서버에 요청하는 방식으로 DATA와 .html을 통신할때 2개에 서버가 필요하게 되지만 AJAX를 사용하면 json방식으로 데이터를 통신해서 서버가 하나로 해결이가능하다. AJAX를 사용하는 이유 2 비동기식 통신을 하기 위해서이다. 비동기식이란 절차(순서)상관없이 통신을 하는것이다. 예를들어 ..
