공지사항

함수의 콜백 용도 1객체함수도 하나의 객체다. 다시 말해 값이라는 말이다.​var a =value;​여기서 value 자리에 함수가 올 수 있다는 뜻!!​모든 언어가 함수를 가지고 있지만,javascript의 함수가 다른 언어와 다른 점이바로 함수가 값이 될 수 있다는 것이다.​function a() { }이 함수 코드가var a ϟunction() {}변수 형식으로 사용하면 위와 같다.​​메서드(Method)a ={b : function() { }};​위 코드에서b는 객체의 key, 변수, 속성의 의미를 가지고 콜백 있다.function()은 객체의 속성 값으로 담긴 함수즉, 메서드라고 한다.​​다른 함수의 인자로 전달cal 함수를 먼저 호출한다.​increase와 1이라는 인수가cal 함수의 func, num 파라미터(인자)가 된다.​리턴 값으로 increase() 함수가 호출된다.​1이라는 숫자를 넘겨받아1 + 1이 리턴 값으로 받아 출력된다.​increase 함수가 cal 함수의 인자로 전달된다.​값으로서의 함수와 콜백 - 함수의 용도 2함수의 리턴 값cal 함수 안에 다음이 있다.funcs 객체에 'plus', 'minus'속성(key)과 각각의 메서드가 있다.메서드의 콜백 정의는 앞서 했으니 넘어가도록 하겠다!​cal 함수의 파라미터 값으로 각 속성의 메서드를 2와 1로 대입하고,이를 계산한 결과가 추출된다.​​배열 값for문은 i 값이 0부터 배열의 인덱스 개수보다 작을 때 까지므로0, 1 일 때만 작동된다.​먼저 i 값이 0인 경우process[0](1)이므로1 + 10 인 11이 input 값으로 대입된다.​i 값이 증가해 1인 경우process[1](11)이므로11 * 11 인 121이 input 값으로 새로 대입된다.​다시 i 값이 콜백 증가해 2가 되면 조건에 충족되지 않으므로for문을 빠져나온다.​input의 출력값이 121로 나온다!​​이렇게 자바스크립트의 함수 용도에 대해 알아보았다.​변수, 매개변수, 리턴 값 등의 용도로 이용할 수 있는 형태의 데이터를first-class citizen 또는 first-class object 등의 이름으로 불린다.​바로 자바스크립트의 함수가 이에 속한다!!​값으로서의 함수와 콜백 - 콜백이란?함수의 인자로 함수를 전달할 수 있고,값으로 전달된 함수는 호출될 수 있다.​여기서 printResult()가 콜백 함수가 된다.​add() 함수에서 콜백 콜백 함수를 받을 파라미터인 print를 지정하고,x와 y를 더한 값을 콜백 함수의 인자로 호출한다.비동기 콜백과 Ajax동기작업을 실행할 때그 작업이 완료될 때까지 다음 코드의 실행을 멈추고 기다리는 방식쉽게 말해 순차적으로 코드를 실행한다.​비동기작업을 실행할 때그 작업이 완료되지 않더라도 다음 코드를 실행하는 방식​자바스크립트는싱글 스레드(Single Thread) 기반의 프로그래밍 언어다.​이는 하나의 스레드에서 모든 작업을 처리하는 방식으로한 번에 하나의 작업만 처리한다.따라서 비동기 처리가 필요하다.​Ajax(Asynchronous 콜백 Javascript and XML)의 약자로,비동기 자바스크립트와 XML이다.​요즘에는 XML 대신 json을 사용하고 있다.​이 Ajax가 바로 비동기 처리를 가능하게 하는 기술이다.​먼저 json.js 파일이 필요하다.{key : value} 형식의 데이터가 들어있다고 할 때​html 파일에는 다음과 같은 코드를 작성한다.위 코드를 분석해 보자.​$ 문자jQuery에서 제공하는 객체다.​.get데이터를 읽거나 검색할 때 사용되는 메서드다.​콜백 함수서버와 통신한 결과를 호출하는 함수​get 함수는 json 파일에서 해당하는 정보를 가지고 온다.그 콜백 이후 함수를 호출하는데,인자 값은 서버에서 가지고 온 객체 정보를 뜻한다.{key : value} 이 정보!!강의를 들으며 개인적으로 궁금한 점이 생겨 찾아본 게 있다.​json, jquery, ajax이들이 정확히 어떤 건지, 서로 어떤 연관성이 있는지 궁금했다.​json(JavaScript Object Notation)텍스트 기반의 언어로서버에서 받은 응답 데이터는 대부분 이 json 형태다.​Jquery자바스크립트를 쉽게 쓸 수 있는 라이브러리Ajax를 편히 써먹을 수 있도록 도와준다.​위에 잠깐 나왔는데$.get() 함수는 콜백 Ajax를 요청하는 메서드다.​요즘엔 React나 Vue를 쓰는 추세라고 하는데jQuery는 Ajax를 직접적으로 도와준다고 하면,React나 Vue는 구조를 제공한다고 보면 된다.​Ajax(Asynchronous Javascript And XML)비동기 통신 기술이다.​페이지 전체를 새로 고치지 않고,백그라운드에서 서버와 데이터를 주고받기 위한 기술이다.​Ajax는 기술 개념이지 코드 형태가 아니다!​Jquery는 이 Ajax를 도와주는 기술,Json은 통신할 때 쓰는 데이터 포맷!이 섹션부터 내용이 어려워진 것 같다..강의를 듣고 정리하는 데 시간이 꽤나 오래 콜백 걸렸다.