HTTP 통신 (client – server) AJAX(Asynchronous JavaScript And XML)는 웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술.대표적인 예로, XHR(XMLHttpRequest 오브젝트는 브라우저 API에서 제공하는 오브젝트중 하나로, 이 오브젝트를 이용하면 간단하게 서버에게...
Continue reading...7월 2020
Array – (2) APIs
알아두면 유용할만한 Array API들에 대해 정리해본다. 참고로 vscode 상에서 command + click으로 함수의 정의 및 사용방법을 자세히 알 수 있으니 참고하면 좋을 듯 하다. 또, api를 가져다 쓸때 항상 command +...
Continue reading...Array – (1) grammar
JavaScript는 dynamically typed language Array에 다양한 종류의 데이터를 담을 수가 있다.(좋지 않음)
Continue reading...Javascript Object
기본적으로 primitive 타입은 변수 하나당 값을 하나만 담을 수 있다. 이 경우에 만약 이름과 나이를 출력하고 싶은 함수를 만든다면, 이름과 나이를 파라미터로 전달해주어야 한다. 그리고 함수를 정의할때도 두 가지의 파라미터를 받아서...
Continue reading...Class vs Object
Class 클래스는 붕어빵을 만들 수 있는 틀을 말함. 템플릿만 정의해두고 어떤 데이터 형식이 들어올 수 있는지만 정의 실제로 메모리에 올라가지않음 Object 클래스를 이용하여 생성한 붕어빵을 말함. 실제로 데이터를 집어 넣음 실제로...
Continue reading...Callback , IIFE
Callback ? IIFE (Immediately Invoked Function Expression) 함수를 실행과 동시에 바로 동작시키고 싶을때 사용
Continue reading...Early return, Early exit
10이 넘는 경우에, 무엇인가를 업그레이드 하는 코드가 있다고 가정했을때, if 와 else를 번갈아가며 쭉 나열하는 것보다 조건이 맞지 않을때 빨리 함수를 종료해주는 것이 더 좋다.
Continue reading...Operators 사용시에 주의 사항
위의 코드의 경우에서 check() function은 그냥 시간을 낭비하는 코드이다. ‘or(||)’ operator는 조건식에서 하나라도 참이면 참을 리턴하는데, 조건식을 확인할 때 맨 앞에 정의된 것부터 참인지 거짓인지 확인 한다. 즉, 조건식의 앞에서부터 차례대로...
Continue reading...자바스크립트 데이터 타입(ES5+)
Variable let mutable data type, can change contents Support from ES6+ rw(read/write) ES6에서 도입된 let을 사용하면 변수에 값을 재 할당하는 것이 가능하다. 변수(name)을 선언하게 되면, 그 변수 name은 값을 할당할 메모리의...
Continue reading...