미리보기 띄우고 시작(터미널에서 npm start) app.js에서 하나만 남기고 시작 근데 js파일에서도 html 코드 작성 가능하네? ()

콜백함수 정의 : 함수에 파라미터 형태로 들어가는 함수 용도 : 순차적으로 코드를 실행하고 싶을 때 사용 주로 이벤트리스너를 배우게되면 콜백 함수를 가장 먼저 발견하게 되는데요 HTML의 어떤 버튼을 눌렀을 때 특정 자바스크립트 코드를 실행하고 싶다면 이벤트리스너를 만들게 됩니다. addEventListener함수의 파라미터 자리에 또 하나의 함수(function(){})를 집어넣고 있습니다. 이것이 콜백함수입니다. 위의 setTimeout함수에서도 콜백함수를 발견할 수 있습니다. 1초 경과 후에 어쩌구저쩌구 실행해주세요 라는 뜻입니다. 이 함수에서도 콜백함수를 집어넣게 되어있습니다. 콜백 함수의 특징이 있는데요 첫 번째. 다른 곳에서 정의한 함수도 콜백함수로 넣을 수 있다. 두 번째. 콜백함수에 함수명..

function outter(){//외부함수 var title = 'coding everybody'; return function(){//내부함수 alert(title); } } var inner = outter(); inner(); 외부함수 outter에 내부함수가 정의되어 있고, 내부함수를 return하고있다. outter함수는 return하고 있다. 그럼에도 불구하고 내부함수에서는 외부함수의 지역변수title에서 가져와서 inner를 호출하고있다. inner함수를 호출한다는 것은 내부함수에 있는 alert(title)이라고 하는 이 구문을 실행 하는 것인데 title은 내부함수에 존재하는 값이 아니고 외부함수 outter에 존재하는 값이다. 즉, 외부함수는 이미 종료되었는데 우리는 그 외부함수로 인..

JavaScript에서는 함수도 객체다. 다시 말해서 일종의 값이다. 거의 모든 언어가 함수를 가지고 있다. JavaScript의 함수가 다른 언어의 함수와 다른 점은 함수가 값이 될 수 있다는 점이다. 다음 예제를 통해서 그 의미를 알아보자. function a(){} //var a=function(){}와 동일함 위의 예제에서 함수 a는 변수 a에 담겨진 값이다. 또한 함수는 객체의 값으로 포함될 수 있다. 이렇게 객체의 속성 값으로 담겨진 함수를 메소드(method)라고 부른다. a = { b:function(){ } }; 변수 a에 객체를 정의함 ( 객체는 중괄호로 시작해서 중괄호로 끝) 객체안에 b라는 key가 있음 key의 값은 function이라는 값(value)이 있음 b(key)는 이 객..

유효범위 - 번수의 수명을 의미한다 자바스크립트는 함수에 대한 유효범위만을 제공한다. 많은 언어들이 블록(대체로 {,})에 대한 유효범위를 제공하는 것과 다른 점이다. 아래 예제의 결과는 coding everybody이다. for(var i = 0; i < 1; i++){ var name = 'coding everybody'; } alert(name); 자바에서는 아래의 코드는 허용되지 않는다. name은 지역변수로 for 문 안에서 선언 되었는데 이를 for문 밖에서 호출하고 있기 때문이다. for(int i = 0; i < 10; i++){ String name = "egoing"; } System.out.println(name); 자바스크립트의 지역변수는 함수에서만 유효하다. 자바스크립트는 함수가 ..

UI : User Interface - 사용자를 대면하는 접점이 되는 것 , 스피커나 모니터 같은 출력장치 모니터에 버튼 같은 것들 모두 UI라고 한다. API : Application Programming Interface - 프로그램이 동작하는 환경을 제어하기 위해서 환경에서 제공되는 조작 장치이다.