자바스크립트
-
[JavaScript] 비동기 처리 : Callback, Promise, Async/Await카테고리 없음 2020. 3. 22. 19:27
바르셀로나 스타일이라고 하면 티키타카로 대표되는 패스 축구를 가장 먼저 떠올릴 것이다. 바르셀로나의 더운 날씨로 인해서 직접 뛰기보다는 패스로 공을 운반하는 티키타카 스타일이 자리 잡게 되었다고 한다. 골키퍼부터 시작해서 최전방 공격수까지 이어져 골을 만들어 내는 모습은 감탄스럽다. 골키퍼가 피케에게 공을 패스한다. 피케는 1초 뒤에 부스케츠에게 공을 패스한다. 부스케츠는 1초 뒤 호르디 알바에게, 알바는 1초 뒤 그리즈만에게, 그리즈만은 1초 뒤 메시에게 패스한다. 그리고 1초 뒤 메시가 득점한다. 이를 코드를 통해 짜 보면 어떻게 될까? 포인트는 모든 동작들이 1초의 텀을 두고 이루어진다는 것이다. 이 경우 setTimeOut 함수를 이용할 수 있다. 비동기로 이루어진다. 패스 순서를 정확하게 맞추기..
-
[JavaScript] 화살표 함수카테고리 없음 2020. 2. 3. 22:38
자바스크립트에서 함수를 생성하는 여러가지 방법 중 하나가 바로 함수 표현식이다. 함수를 변수에 할당하는 방식이다. 그런데, 함수 표현식은 크게 두 가지로 나눌 수 있다. 익명함수와 기명함수가 그것이다. 할당된 함수가 이름을 가지고 있는지 여부에 따라 익명, 기명으로 나눌 수 있다. 보통 우리가 일반적으로 함수 표현식이라고 말할 때에는 익명함수를 의미한다. // 함수 선언식 function hey(a,b){ return a + b } //함수 표현식(익명) let hey = function(a,b){ return a + b } //함수 표현식(기명) let hey = function why(a,b){ return a + b } 화살표 함수는 함수 생성을 간략하게 하기 위한 방법이다. 화살표 함수는 익명함수..
-
[JavaScript] parameter vs. argument카테고리 없음 2020. 1. 26. 20:24
종종 자바스크립트 강의를 듣다보면 파라미터(parameter) 혹은 아규먼트(arguent)라는 단어를 접하게 된다. 큰 맥락을 이해하는 데에는 문제가 없지만 이 둘의 차이를 알고 학습하는 것이 더 도움이 될 것이다. 결론적으로 말하면 파라미터는 함수를 '선언'할 때의 변수를, 아규먼트는 함수를 '호출'할 때의 실제 함수에 전달된 값을 의미한다. // 함수 선언 (parameter) function hey(a, b){ // a, b 는 parameter return a + b; } //함수 호출 hey(3,4) // 3, 4 는 arguments 위 예시에서, 함수 hey 선언에 사용된 a, b는 파라미터가 된다. 이후 호출된 함수에 사용된 3,4는 아규먼트가 된다.