CATEGORIES
자바스크립트를 사용하면서 많이 사용되는 함수 중 하나로 setInterval()이 있다. 많이 사용된다는 것은 그만큼 중요하기 때문일 것이다. 아래는 setInterval()을 무엇인지 알아보고 어떻게 구현하는지 예제를 통해 알아보려한다.# setInterval 사용방법아래는 setInterval()을 사용하는 방법과 이를 효과적으로 사용하기 위한 팁과 다양한 정보를 알아보고자 한다. 먼저 setInterval()을 사용하는 기본적인 방법은 아래와 같다. setInterval(function() { ... }, 지연시간);문법은 그리 어렵지 않다. 그럼 타이머 함수는 언제 자주 사용할까? 아래에서 알아보자.! setInterval()을 사용하는 경우 이 함수를 사용해야 하는 경우는 매우 많이 있다. 그
Last Modified : 2019-08-05 22:55:08
자바스크립트의 match() 함수에 대하여 알아보려합니다. match() 함수는 특정 텍스트 안에 검색할 단어, 찾고 싶은 단어가 있는경우 해당 텍스트가 문구에 포함되어 있는지 확인할 수 있습니다. 또한 단어뿐만 아니라 정규표현식을 사용하여 특정 패턴을 검색하는 것 역시 가능합니다. 아래는 match() 함수를 사용하는 간단한 방법입니다. 해당 문자열.match('찾을 단어')// match()함수는 인자에 포함된 문자를 찾으면 이를 반환함특정 텍스트를 검색, 찾기 위한 방법은 여러가지가 있습니다. indexOf() 함수를 사용하는 방법도 많이 쓰이는 방법중 하나입니다. 단, indexOf()의 경우 위치값을 index로 반환하기 때문에 위치 확인을 위한 방법등의 간단한 기능 구현등에 사용됩니다. webi
Last Modified : 2019-09-01 23:11:40
문자열에서 일정 길이의 크기만큼만 필요한 경우 어떻게 해야할까요? 이는 전체 문자열을 사용할 필요가 없는 경우, 즉 문자열의 일부만 보여한다면 substr() 함수를 사용할 수 있습니다. 이 함수는 선택한 문자열에서 크기를 정하면 해당부분의 크기만큼만 반환해주는 함수입니다. 이 함수의 간단한 사용 방법은 아래와 같습니다.substr(문자열, 시작위치, 길이)그렇다면 이 함수가 필요한 경우가 언제있을까요? 아래에는 이 함수가 필요한 경우를 알아보고 substr()을 사용하는 간단한 예제와 설명입니다. 우선 함수가 사용되는 경우에 대하여 알아보세요.! substr() 함수가 필요한 경우문자열의 일부만 필요한 경우는 언제있을까요? 웹사이트를 만드는 경우 아래와 같은 코드의 작성시 이를 사용할 수 있습니다.a. 제
Last Modified : 2017-12-11 07:36:19
자바스크립트를 사용하여 마우스의 위치, 좌표값을 확인하는 방법에 대하여 알아보려합니다. 아래에서는 가장 간단한 방법인 제이쿼리를 사용해 알아보겠습니다# 제이쿼리를 사용하여 마우스 위치 알아내기 만약에 현재 마우스 커서가 위치한 값을 얻기 위해서는 어떻게 해야할까요? 기본적으로 마우스를 사용하는 이벤트 객체를 사용해야 합니다. 이벤트 객체는 모든 이벤트 핸들러를 가지고 있으며 좌표값 역시 확인이 가능합니다. 그럼 아래의 예제를 통해 실제 마우스가 어디 위치에 있는지 알아보세요.# 마우스 클릭 위치 예제보기; 아래 예제는 마우스를 클릭했을때의 브라우저에서의 현재 위치값(절대위치)을 가져오는 예제입니다. 마우스 위치를 가져오려면 이벤트 객체를 이용해야합니다. 아래 예제는 클릭 이벤트가 발생시 현재의 위치 값을 가
Last Modified : 2017-12-11 07:54:43
PHP에는 데이터타입을 확인하는 함수가 있습니다. 이중에서 만약 특정 데이터의 값이 숫자인지 아닌지를 확인하여 결과를 반환하는 함수로 is_numeric()을 사용합니다. 이 함수의 간단한 사용방법은 아래와 같습니다.is_numeric(data) 그럼 언제 숫자인지 확인할 필요가 있을까요?# is_numeric() 함수는 언제 사용하는가서버에서 값을 클라이언트에서 전달받는 경우.. 이때 반드시 숫자로만 받아야하는 양식이라면... 예를 들어 전화번호, 나이 그리고 우편번호 등등 당연히 숫자여야 할 값의 데이터 타입이 숫자인지 확인해야할 수 있죠. 그렇다면 아래부터는 예제를 통해서 더 자세히 알아보겠습니다.# is_numeric() 예제소스 코드보기아래 예제는 변수 $test를 is_numeric() 함수를 이
Last Modified : 2017-12-17 06:37:58
일정시간 뒤에 콜백함수를 실행하는 방법에는 setTimeout() 함수가 사용됩니다. 이런 지연 함수는 제이쿼리에도 동일하지는 않으나 일정시간이 지난 후 애니메이션 큐를 지연하여 실행하기 위한 제이쿼리의 시간지연 함수는 바로 delay() 함수입니다.선택요소.delay(delay time, queuename)delay() 함수는 일정시간이 경과한 뒤에 함수 뒤의 코드를 실행하도록 강제적인 지연시간을 생성합니다. 단 이 경우 큐를 가진 애니메이션에만 적용된다는 점을 꼭 기억해야합니다. 즉, 그 외의 non-queue 코드에는 적용이 되지 않습니다. 이 경우 당연히 settimeout()을 사용하시면 됩니다.예를들어 특정요소의 슬라이드 애니메이션을 구현할 경우 만약 이를 3초 뒤에 적용시킨다고 한다면 순수 자바
Last Modified : 2017-12-17 10:02:14
자바스크립트를 사용하여 이벤트를 구현할 때 발생가능한 문제점 중 하나로 이벤트 버블링 현상을 빼놓을 수 없을 것이다. 아래는 이벤트 버블링(Event Bubbling)이 무엇이고 왜 이런 문제가 발생하는지 알아볼 것이며 이를 해결하기 위한 방법에 대하여 예제를 통해 자세히 알아보고자 한다. 먼저 이벤트 버블링이 무엇인지 알아보자.이벤트 버블링이란이벤트 버블링은 보통 선택한 엘리먼트가 속해있는 부모요소에 의하여 발생한다. 예를들어 어떤 버튼을 클릭하려고 할때 그 버튼을 가지고 있는 부모 요소에 이미 클릭 이벤트가 존재하는 경우를 말할 수 있다. 이 경우 선택한 요소와 더불어 의도하지 않았던 부모 요소의 이벤트도 함께 실행되는 문제점을 발생시킬 수 있을 것이다. 그렇다면 이를 해결하기 위한 방법으로 어떤 방법이
Last Modified : 2016-06-15 18:02:44
오늘은 자바스크립트 함수에서 사용되는 예약어 return에 대하여 알아보겠습니다. 사실 함수를 작성하면 매우 자주 사용되는데도 불구하고 예약어가 무엇이고 어떤 것을 하는지 잘 모르는체 그냥그냥 사용해온 사람도 있을 것입니다. 저 역시 처음에 그 기능을 잘 몰랐었습니다. 아래는 예약어 return의 역할이 무엇이고 어떤 때에 사용하는지 알아보고자 합니다.return이 하는 일return이 하는 가장 중요한 일은 바로 함수를 사용할 때 반환값을 얻을 때 가장 많이 사용합니다. 여기서 반환값을 얻는다는 의미는 반환값을 반환한다는 의미로 어떤 함수의 결과를 함수에서 얻을 수 있게합니다. 또한 함수 내부의 변수들은 전역변수가 아닌 지역변수를 사용하게 되는데 지역변수의 값을 알아야 하는 경우에도 return을 사용해
Last Modified : 2017-09-21 00:14:03
PHP 언어에서 변수를 생성하는 방법은 기본적으로 $키워드와 함께 변수명을 입력한 리터럴 방식이 쓰인다. 만약 하나의 배열값이 존재하고 이 배열값이 수많은 개별 변수의 정보를 가지고 있다면? 각각의 데이터를 통해 한번에 변수를 만들 수 있다면 굉장히 편리할 것이다.이 편리한 기능을 php에서 제공하는데 바로 list() 함수이다. list() 함수를 사용하면 배열안에 포함된 값을 순서대로 정해진 배열명에 차곡차곡 입력해서 각각의 변수로 반환하여 준다... 이 간단한 방법이 없다면 어떻게 될까? 배열값이 10,000개인 직원 데이터를 각각의 변수로 바꾼다고 가정해보자. (사실 현실적으로 배열값을 그대로 쓰지 꼭 변환할 필요는 거의 없겠지만;;;)어쨌든 list() 함수의 간단한 사용방법은 아래와 같다.list
Last Modified : 2020-04-20 12:40:08
자기실행함수(self-invoking function)에 대하여 알아보고 이를 활용해 무한 반복하여 특정 함수를 실행시키려한다. 이 때 무한 반복을 하기 위한 setInterval()을 사용하는 것과의 차이점을 알아보고자 한다.# 자기실행 함수자기 실행함수 또는 자기실행 익명함수는 스스로 실행하는 함수를 의미한다. 아래의 함수를 보면...function doSomething() { ...}이 함수는 선언되었지만 실행되지는 않았다. 이를 실행하기 위해서는 doSomething()을 사용해 함수를 호출해야만 가능하다. 하지만 이를 즉시 실행하는 방법이 있으니 이를 바로 self-invoking 함수, 즉 자기실행 함수라고 하는 것이다.자기 실행함수의 사용은 매우 간단한데 아래와 같이 사용할 수 있다.// 방
Last Modified : 2016-04-29 12:54:15뜬금없지만 함수는 1급 객체입니다. 자기 자신을 호출하거나 다른 함수의 매개변수가 되기도 하고 다른 함수를 반환할 수도 있습니다. 느낌표로 시작하는 함수문은 자기 호출함수의 형태중 하나입니다. 이 외에 두가지 형태의 자기 실행 함수가 있죠.! 자기호출 익명함수(Self-invoking anonymous function)이란...익명함수는 말그대로 함수의 이름이 없는 함수를 말합니다. 자바스크립트는 이름이 없는 함수인 익명형수 형태로 사용이 가능하며 대부분 다른 함수의 매개변수로 사용됩니다. (참고로, 모든 함수는 일단 호출이 되면 어떤 것이든 반환합니다. 그게 undefined라도 말이죠...)다음에서 익명함수를 살펴보면...function () {...}이런식으로 생겨 있습니다. 자기호출 익명함수는 말그대
Last Modified : 2016-04-15 19:24:45
VueJS에서 setTimeout() 타이머 함수를 만드는 방법을 알아봅니다. 어떻게하면 될까요?# VueJS setTimeout() 함수 만드는 방법물론 VueJS에서도 setTimeout()을 사용할 수 있습니다. 자바스크립트이므로 당연히 동작합니다. 하지만 VueJS의 모델에 접근할 수 없으므로 내장함수가 있다면 이를 사용하거나 아니면 다른 방법을 사용해야하죠.하지만!!!타이머 함수를 위한 내장함수가 별도로 존재하지 않으며 setTimeout()을 사용하여 해당 vue의 scope에 접근할 수 있는 방법이 존재합니다. 이 경우 두 가지 방법이 있는데요~ 아래에서 알아보세요.! Arrow 함수를 사용하는 방법ES6에 사용되는 Arrow 함수를 사용하면 VueJS의 scope 영역을 his를 사용하여 접근
Last Modified : 2019-01-17 13:15:43
자바스크립트의 객체를 배우게되면 함께 배우는 용어들이 존재한다. 그 중에서 인스턴스에 대하여 알아보고 함께 사용되는 연산자 instanceof를 알아보자.# 인스턴스란?인스턴스란 객체에서 생성된 또 다른 객체를 의미한다. 자세한 내용은 아래 링크를 확인하면 더욱 자세한 내용을 알 수 있으니 참고하자!* 바로가기 링크 -> 객체지향언어에서 인스턴스 알아보기자바스크립트는 instanceof 연산자가 존재한다. 이 연산자는 생성된 인스턴스 객체가 어떤 생성자 함수를 사용하여 생성되었는지 확인하고 불리언값으로 반환하여 주는 유용한 연산자이다. 이 연산자를 사용해 생성자 함수를 확인하는 과정을 예제를 통하여 알아보고자 한다.먼저 생성자 함수가 필요하다. 이에 대한 코드는 아래와 같다.Fruit = function(n
Last Modified : 2016-04-28 13:00:25자바스크립트의 재귀함수 등에 자주 쓰이는 arguments 객체의 callee 속성에 대하여 알아보려 합니다.자바스크립트의 함수는 arguments 객체를 가지고 있습니다. 이를 사용하면 현재 실행중인 함수 개체를 반환하는데 함수 실행시 넘어온 인지(arguments)는 물론 callee()를 사용해 재귀함수로써 반복도 가능하게 됩니다.arguments.callee()자바스크립트의 함수는 전달받은 매개변수를 특정한 객체 arguments에 담고 있습니다. 그래서 만약 코드에서 함수에 전달된 매개변수에 접근할 경우 선언된 변수명을 사용할 수도 있지만 다른 방법으로 arguments를 사용할 수 있습니다.arguments를 사용하면 아래처럼 접근이 가능합니다.var test = function(a, b, c)
Last Modified : 2019-11-11 20:22:34특정 이미지를 사용하여 동일한 형태의 사이즈가 각각 다른 이미지들을 만들때가 있습니다. 언제 그럴까요?1. 썸네일(Thumbnail) 이미지가 필요한 경우2. 사이트에 필요한 이미지로 리사이징(resizing) 해야하는 경우위와 같은 경우에 다수의 이미지를 사이즈별로 이미지 편집 프로그램(포토샵 등등)을 이용해 모두 등록하는 방법도 있겠지만 어짜피 같은 이미지의 사이즈만 다른 것이라면 매우 번거로울 것입니다. 그래서 한번만 등록해도 다른 사이즈가 자동으로 등록되는 방법을 사용하는 것이 효과적입니다.php는 이미지를 생성하는 다양한 함수가 존재합니다. 하지만 각각의 내장함수를 이용하면 코드가 길어지고 가독성이 떨어지는 등 매우 지저분한 코드가 만들어질 수 있으므로 가급적 사용자함수를 만들어서 사용하는 것이 베
Last Modified : 2015-12-29 13:33:06
자바스크립트는 매우 뛰어난 함수형 언어이다. 자바스크립트는 클로저를 활용하는 방법이 존재하는데 이를 사용하기 위해서는 심도있는 이해가 필수적이라 할 수 있을 것이다. 본 페이지에서는 자바스크립트의 클로저가 무엇인지 알아보고 클로저(closure)를 활용하여 카운트 다운 코드를 만들어 보고자 한다. 그럼 클로저가 무엇인지 우선 알아보도록 하자.! 클로저(Closure)란?클로저는 함수내에서 선언된 변수는 해당하는 스콥(Scope)내에서 생성된 객체(가비지 컬렉션)안에 저장되는데 이를 클로저라고 부른다.클로저를 한줄로 표현하자면 위와 같지만 이는 쉽게 이해하기 어렵다. 중요한 부분은 클로저는 해당하는 스콥, 즉 동일 영역에서만 존재한다는 점이며 이는 다음과 같은 특징을 갖는다는 점이다.i. 클로저는 동일영역(해
Last Modified : 2016-04-29 12:54:30자바스크립트의 세계관을 이해한다... 제가 너무 좋아하는 문구 중 하나로 읽었던 책 중에서 '자바스크립트를 깨우치다'에 나오는 문구입니다. 생각해보면 요즘은 잘 만들어진 플러그인, 라이브러리가 홍수와 같죠... 사용법만 조금만 안다면 충분히 복잡한 형태의 인터페이스나 애니메이션을 쉽게 구현 할 수 있게되었습니다. 다시 말해 자바스크립트를 (깊게) 이해하지 않아도 레퍼런스만 잘 찾아보면? 원하는 무엇이든 구현할 수 있죠.! 자바스크립트를 깊히 이해하지 못하면?하지만 기능상의 구현은 가능하지만 자바스크립트에 대해 깊히 알지 못한다면? 어려운 뭔가를 만들어내면서 실제로 어떻게 동작하는지 알기 어렵습니다. 이는 더 나은 변화, 더 나은 기능 구현에 제약이 따를 수 밖에 없을 것입니다. 다시 말해 일정 수준 이상의
Last Modified : 2020-04-17 16:55:34파이썬 함수 사용 방법 및 예제에 대하여 알아보겠습니다.먼저 알아볼 내용은 아래와 같습니다.파이썬 함수의 선언파이썬 함수의 호출# 파이썬 함수의 선언파이썬 언어에서 함수를 사용하는 방법으로 아래와 같이 사용합니다.def 함수이름(인자): 수행코드다른 언어와 차이점을 찾으라면 중괄호와 같은 블락이 없고 마지막에 사용되는 ; 등의 기호가 없습니다. 그 대신에 텍스트 들여쓰기로 코드의 위치를 확인하는 점이 파이썬과 다른 언어의 차이점입니다.그럼 위 함수를 간략하게 설명하면 함수이름을 지정하여 선언하였고 함수 내부에 사용할 값으로 소괄호 ()안에 인자를 넘겨받아 사용합니다. 그럼 아래에서 간단한 예제와 함께 알아봅니다.# 파이썬 함수의 호출 및 예제보기만약 아래와 같은 함수를 만들고 이를 수행하는 코드해보도록 하
Last Modified : 2017-08-05 17:08:27자바스크립트에서 hash 해시함수를 사용하여 해시값을 얻을 수 있는 방법은 무엇일까요? 내장함수에 해시함수를 만들 수 있는게 있나여?# 해시함수를 얻기 위한 방법, Crypto-js해시함수를 얻기 위한 방법으로 Crypto-js가 있습니다. Crypto-js는 구글에서 만든 라이브러리로 해시 변환이 가능하도록 도와줍니다.MD5SHA-1SHA-256SHA-512SHA-3위에도 다양한 변환이 가능하니 보안 등의 이슈로 해시(Hash)가 필요한 경우 활용하시면 됩니다.
Last Modified : 2017-06-21 19:44:52자바스크립트 익명함수(Javascript anonymous function)# 익명함수란?익명함수는 이름이 없는 함수를 말합니다. 함수형 프로그래밍에서는 이름이 없는 함수를 실행, 동작하는 것이 간단합니다. 아래에서 익명함수를 찾아보세요.var myFunc = function() {};setTimeout(function() {}, 5000);(function() {})();위 세가지 모두 익명함수가 사용되었습니다. 위에는 변수 선언에 사용되었고 아래는 타이머 함수를 만드는데~ 그리고 마지막은 즉시호출함수에 익명함수가 사용되었습니다.익명함수는 이름없이 사용하므로 매우 간단합니다. 예를들어 자바의 경우 8 이전에는 익명함수를 가지지 않아 간단한 함수의 호출의 코드를 비교하면 익명함수의 편의성을 알
Last Modified : 2017-08-16 16:58:31자바스크립트의 객체(Object)에 사용할 수 있는 entries() 메소드에 대하여 알아봅니다.# 자바스크립트 Object의 entries() 메소드는?자바스크립트은 여러 타입이 있는데요 그 중에 객체 타입은 배열처럼 여러 개의 값을 가지고 있습니다. 만약 객체가 어떤 값들을 가지고 있는지 모두 확인할 수 있을까요?이 경우 Object에 entries()를 사용하면 객체가 가지고 있는 모든 프로퍼티를 키와 값 쌍으로 배열 형태로 반환하여 줍니다. 그렇기 때문에 어떤 프로퍼티와 값으로 이루어졌는지 한 눈에 확인할 수 있겠죠.- 모든 프로퍼티와 값을 배열로 반환함프로퍼티뿐 아니라 가지고 있는 값도 모두 배열 형태로 변환하여 반환하게 됩니다. 그럼 간단한 예제를 만들어보고 알아보겠습니다.! Object entr
Last Modified : 2019-08-01 08:15:50자바스크립트를 보면 느낌표로 시작하는 함수를 쉽게 볼 수 있습니다. 특히 외부 sdk 등의 코드들도 느낌표로 시작되고는 하죠. 어떤 기능이 있을까요?# 자바스크립트 즉시실행함수즉시실행함수는 코드의 실행이 콜백의 도움없이 스스로 실행될 수 있습니다. 그런 이유로 페이지가 열리는 동시에 반드시 시작될 코드함수가 이런 방식으로 실행됩니다.함수를 즉시 실행하는 방법으로 두 가지 방법이 있습니다. 아래와 같이 적용된 코드가 바로 즉시실행함수입니다.(function() { // Code here})();위 코드는 가장 잘 알려진 즉시실행 함수의 문법입니다. 하지만 아래와 같이 느낌표를 사용하는 것 역시 동일한 기능을 수행합니다.!function() { // Code here;}();느낌표를 사용하여도 코드를 읽는
Last Modified : 2017-12-20 12:19:01
자바스크립트를 사용하여 옵션에 있는 값을 선택할때마다 해당하는 값을 더하는 방법은? 아래에서 알아봅니다. 먼저 html을 사용하여 입력폼을 만들어봅니다. 사용자가 select의 옵션을 선택할 수 있으며 더해진 값은 하단의 input 태그에 합산되어 나타납니다.! html 코드 보기<body> <h4># Select your favorite item(s)</h4> <select onchange="sumPrice(event)"> <option value="10">10</option> <option value="100">100</option> <option value="1000">1000</option> </select> <input id="totalCount" value="0" /></b
Last Modified : 2017-10-12 15:20:54PHP 역시 다른 언어들처럼 기존 함수(내부 함수)외에 사용자 정의 함수를 생성할 수 있다. 사용자 정의 함수란 말 그래도 사용자에 의해 생성된 함수를 의미한다. 함수의 생성 방법은 아래와 같다.<?phpfunction test(index) {...}?>위의 예제를 통해 우리는 test()라는 새로운 함수를 만들었다. 괄호안의 index(파라미터)는 함수에 따라 입력 타입이 달라 질 수 있다.사용자 함수의 필요성은?사용자 함수 사용의 가장 큰 목적은 코드의 재활용성이 제일 크다고 하겠다. 코드를 재활용함으로써 시간과 비용을 줄일 수 있기 때문이다.사용자 함수 생성시 주의할 점함수명은 아래와 같은 원칙이 지켜져야한다...1. 함수 이름은 문자, 숫자, 언더라인(_)만이 사용가능하다.2. 함수명의 시작은 숫자
Last Modified : 2015-11-03 19:11:24자바스크립트의 자기실행함수(self-invoking function)은 세가지로 사용할 수 있다는 것을 알고 있다. 그런데 괄호를 사용하는 방법과 느낌표 ! 를 사용하는 방법이 정말 완전히 동일한 것일까? 아니면 어떤 차이점이 있을까?이 의문은 클로저를 만들기 위해 함수를 사용해 다른 함수를 리턴하던 중 다른 결과가 나왔기 때문에 적어본다. 일단 아래의 코드를 보면 두 개의 자기실행 함수를 적어보았다.// 느낌표를 사용한 자기실행함수add = function(num) { return ! function () { return ++num; }();} // 소괄호를 사용한 자기실행함수add = function(num) { return (function () { return ++num;
Last Modified : 2016-04-16 16:37:25아래와 같은 예제는 다른 결과를 가져옵니다. console.log(test);test = function() { return;};에러가 발생합니다. 하지만 아래는? console.log(test);function test() { return;};이번에는 undefined 에러가 발생하지 않습니다. 그 이유는 함수가 선언되면 제일 먼저 그 위치를 위로 올려 실행시키기 때문입니다. 이를 호이스팅(hoisting: 함수 선언을 끌어올림)이라고 합니다.아래처럼 특정 상태에 따라 다른 함수를 선언하는 것이 가능합니다. 만약 condition이라는 조건이 있다면...<script>var isTrue = true;if(isTrue) { function testFunc() { return 1; }}else {
Last Modified : 2017-03-27 08:25:02자바스크립트는 C++ 또는 Java와 다르게 블록스코프가 존재하지 않습니다. 하지만 자바스크립트 역시 블록스코프가 있는 것처럼 사용할 수 있을까요?만약 IIFE, 즉시호출함수를 사용한다면 마치 블록스코프처럼 동작하게 하는 것이 가능합니다. 아래 예제를 봐주세요. # 자바스크립트 블록스코프처럼 동작하는 예제아래 예제를 봐주세요. 아래 예제는 블록스코프가 없는 일반적인 스크립트 코드입니다.test = function() { if (true) { var i=1; } // if 내부 블록에 변수 i를 선언 return i;};위 코드를 실행하면 당연히 i의 값 1이 출력됩니다.test();1 // i의 값인 1을 출력만약 즉시호출함수를 사용하면 결과는 어떻게 될까요? if 블록문에 즉시호출함수 코드를
Last Modified : 2017-06-01 15:39:28자바스크립트 ECMAScript 6에서 블록 스코프의 함수를 사용하는 방법입니다.자바스크립트의 변수가 ES6에서 let 또는 const 선언이 블록 스코프(Block scope)로 동작하는 것처럼 ES6에서는 함수 역시 {} 블록에서 블록 스코프를 사용할 수 있습니다.! 블록 스코프란?간단하게 블록 스코프는 선언된 블록 영역에서만 제한되어 접근 할 수 있음을 의미합니다. 즉 다른 스코프 영역인 블록을 벗어난 경우 해당 변수나 함수를 참조할 수 없게되는 것이죠. ES6 이전에는 블록스코프가 존재하지 않아 어려움이 많았으나 ES6부터는 가능해졌습니다.그럼 함수를 사용한 블록스코프를 구현하여 간단한 예제로 아래에서 알아봅니다.# 함수의 블록 스코프 예제보기만약 두 개의 함수가 동일한 이름 myFunc()으로
Last Modified : 2019-08-07 09:53:56ES6(ECMA Script 6)의 큰 특징 중 하나인 화살표 함수(Arrow functions)에 대하여 간략하게 알아봅니다.[참고] 화살표 함수?화살표 함수는 => 처럼 화살표 기호를 사용하여 함수를 만들 수 있는 방법으로 기존의 CoffeeScript의 문법에서 사용되던 함수 작성 문법입니다. # ES 6 화살표 함수의 특징ES 6 부터는 함수를 구현할 때 일반적인 함수 구현 방식과 달리 화살표 함수를 사용할 수 있게 되었습니다. 화살표 함수는 함수를 구현하는데 사용되는 함수 구문으로 기능적인 측면에서는 대부분이 동일합니다. 그 외 문법적 차이를 포함한 몇 가지 화살표 함수만의 차이점을 가지고 있습니다. 먼저 간단한 작성 문법을 알아보겠습니다.// 기존의 자바스크립트 Function 구문function
Last Modified : 2020-05-25 09:31:33만약 angularjs 디렉티브가 존재하고 링크함수가 있다고 가정했을때 내부에 위치한 $watch를 통하여 값을 변경하는 경우 동작하지 않는 경우가 발생할 수 있습니다.이 경우 $watch 내부의 모델값이 정상적으로 업데이트 되지 않는데 이 경우 setTimeout 또는 $timeout을 사용하여 해결될 수 있습니다.myApp.directive('webIsFree', function() { return { link: function() { setTimeout(function() { // 이곳에 해당 코드 추가 }, 0); } }});이 방법으로 해결될 수 있습니다.
Last Modified : 2017-08-11 01:41:54python의 함수 선언 및 특징과 예제 방법이 동일한 이슈
Last Modified : 2017-08-05 17:07:08python의 dir 함수 선언 및 예제
Last Modified : 2017-08-05 17:07:15자바스크립트 new Function()을 사용하여 함수를 생성하는 방법은?
Last Modified : 2017-04-26 13:43:15함수형 프로그래밍(Functional Programming)은 무엇을 말하는가?자바스크립트는 함수형 프로그래밍입니다. 최초의 함수형 언어는 Lisp, Haskell, SML등이 있습니다. Lisp는 람다(λ)를 기본 구조로 가지는 프로그래밍 언어입니다.자바스크립트에서의 함수는 1종 객체로 일반적인 자바스크립트 객체처럼 동작할 수 있습니다. 프로그래밍은 어떤 것을 계산한다라고 생각할 수 있고 계산을 통해 값을 얻는 과정을 람다 계산법으로 표현할 수 있을 것입니다.
Last Modified : 2017-06-13 10:42:59