Callback 함수란? 함수를 하나의 파라미터 인자로 전달하는데, 바로 실행되는게 아닌, 특정한 시점에 호출되는 함수를 말한다. 보통 콜백 함수는 함수의 매개변수로 전달하여 특정 시점에서 콜백 함수를 호출한다. synchronous vs Asynchronous 자바스크립트는 synchronous (동기적)이다....
Continue reading...Front-end
JSON (JavaScript Object Notation)
HTTP 통신 (client – server) AJAX(Asynchronous JavaScript And XML)는 웹페이지에서 동적으로 서버에게 데이터를 주고 받을 수 있는 기술.대표적인 예로, XHR(XMLHttpRequest 오브젝트는 브라우저 API에서 제공하는 오브젝트중 하나로, 이 오브젝트를 이용하면 간단하게 서버에게...
Continue reading...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...