남고생들의 소소한 개발 일지
[JS] 값으로서의 함수와 콜백 (2) 본문
이번 시간에는 비동기 처리에 대해 알아보겠습니다.
전 시간에 배운 콜백은 비동기 처리에서도 유용하게 사용됩니다.
콜백에 대해 안배우신분들은 아래 링크에서 학습해주세요
비동기 처리는 시간이 오래 걸리는 작업이 있을 때 이 작업이 완료된 후에 처리해야 할 일을
콜백으로 지정하면 해당 작업이 끝났을 때 미리 등록한 작업을 실행하도록 할 수 있습니다.
아래 예제는 일반적인 환경에서는 작동하지 않고 서버 환경에서만 동작합니다.
datasource.json.js
{"title":"JavaScript","author":"egoing"}
-----------------------------------------------------
demo1
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<script type="text/javascript">
$.get('./datasource.json.js', function(result){
console.log(result);
}, 'json');
</script>
</body>
</html>
코드 한줄한줄 살펴보겠습니다.
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
jquery라는 라이브러리입니다. 다소 복잡한 작업을 한 줄에 작업할 수 있습니다.
자세한 설명은 아래 링크를 참고해주세요
$.get
$는 jquery에서 지원하는 객체
get은 $ 객체가 가지고 있는 메서드
('./datasource.json.js', function(result){
console.log(result);
}, 'json');
datasource.json.js 코드에 있는 정보를 함수 result에 넣은 뒤 result를 콘솔 창에 출력시켜라
서버를 실행하면
이렇게 datasource.json.js 코드의 값이 출력됩니다.
function(result)의 값을 서버에 전달할 수 있는 이유는 콜백이라는 것을 통해서 인자를 전달받고
사용자에게 어떠한 처리를 위임하고 있기 때문입니다.
'프로그래밍 > JavaScript' 카테고리의 다른 글
| [JS] arguments (0) | 2019.10.25 |
|---|---|
| [JS] 클로저 (0) | 2019.10.24 |
| [JS] 값으로서의 함수와 콜백 (1) (0) | 2019.10.21 |
| [JS] 유효범위 (0) | 2019.10.13 |
| [JS] 정규표현식(1) (0) | 2019.10.12 |
