나만보는블로그 나만보는블로그

프라미스는 콜백의 단점을 해결하려는 시도 속에서 만들어졌습니다. 프라미스가 콜백을 대체하는것은 아닙니다. 사실 프라미스에서도 콜백을 사용합니다. 프라미스는 콜백을 예측 가능한 패턴으로 사용할 수 있게 하며 프라미스 없이 콜백만 사용했을 때 나타날 수 있는 엉뚱한 현상이나 찾기 힘든 버그를 상당수 해결합니다. 프라미스의 기본 개념은 간단합니다. 프라미스 기반 비동기적 함수를 호출하면 그 함수는 Promise 인스턴스를 반환합니다. 프라미스는 성공(fulfiled)하거나, 실패(rejected)합니다. 프라미스가 성공하거나 실패하면 그 프라미스를 결정(settled)됐다고 합니다. 프라미스는 객체이므로 어디든 전달할 수 있다는 점도 콜백에 비해 간편한 장점입니다. 비동기적 처리를 여기서 하지 않고 다른 함수..

콜백은 간단히 말해 나중에 호출할 함수이다. 콜백 함수도 일반적인 자바스크립트 함수일뿐입니다. 콜백 함수는 일반적으로 다른 함수에 넘기거나 객체의 프로퍼티로 사용합니다. 일반적으로 익명 함수로 사용하며 드물게는 배열에 넣어서 쓸 때도 있다. console.log("Before timeout: " + new Date()); function f() { console.log("After timeout: " + new Date()); } setTimeout(f, 6*1000); //1분 console.log("I happen after setTimeout!"); console.log("Me too!"); 초보자 입장에서 기대하는 순서와는 다르게 나올것입니다. 기대대로 된다면 좋겠지만, 그것은 비동기적이지 않습니..

정적 스코프와 동적 스코프 정적 스코프는 어떤 변수가 함수 스코프 안에 있는지 함수를 정의할 때 알 수 있다는 뜻이다. 호출할 때 알 수 있다는 것이 아니다. var x=3; function f() { console.log(x); console.log(y); } function j() { var y=2; f(); } j(); 변수 x는 함수 f를 정의할 떄 존재하지만, y는 그렇지 ㅇ낳습니다. y는 다른 함수에 존재합니다. 다른 함수에서 y를 선언하고 그 스코프에서 f를 호출하더라도, f를 호출하면 x는 그 바디안의 스코프에 있지만 y는 그렇지 않습니다. 이것이 정적 스코프입니다. 함수 f는 자신이 정의 될때 접근할 수 있었던 식별자에 접근할 수 지만, 호출할 때 스코프에 있는 식별자에 접근할 수가 없습..

객체의 본질은 컨테이너입니다. 컨네이터의 내용물은 시간이 지나면서 바뀔 수 있지만, 내용물이 바뀐다고 컨테이너가 바뀌는 건 아닙니다. 즉, 여전히 같은 객체입니다. 객체에도 중괄호를 사용하는 리터럴 문법이 있습니다. 객체의 콘텐츠는 프로퍼티 또는 멤버라고 부릅니다. 프로퍼티는 이름(키)과 값으로 구성됩니다. 프로퍼티 이름은 반드시 문자열 또는 심볼이어야 하며, 값은 어떤 타입이든 상관없고 다른 객체여도 괜찮습니다. 프로퍼티 이름에 유효한 식별자를 써야 멤버 접근 연산자( . )를 사용할 수 있습니다. 프로퍼티 이름에 유효한 식별자가 아닌 이름을 쓴다면 계산된 멤버 접근 연산자를( [ ] ) 써야 합니다. 프로퍼티 이름이 유효한 식별자여도 대괄호로 접근할 수 있습니다. var obj = {}; obj.co..

null과 ubdefined는 모두 존재하지 않는 것을 나타낸다. 일반적인 규칙을 제시한다면, null은 프로그래머에게 허용된 데이터 타입이며 undefined는 자바스크립트 자체에서 사용하는것이다. 다만 강제적인 규칙은 아니기에 프로그래머도 언제든 undefined를 사용할 수 있다. 변수를 선언하기만 하고 명시적으로 값을 할당하지 않으면 그 변수에는 기본적으로 undefined가 할당된다. 이 두 타입은 모두 값이 비어있음을 나타낸다. undefined 타입의 변수는 변수 자체의 값 또한 undefined이다. 이처럼 자바스크립트에서는 undefined는 타입이자, 값을 나타낸다는것에 주의하자! null은 typeof의 결과가 object로 나오니 자바스크립트에서는 null 타입 변수인지를 확인할 때..

호출과 참조 자바스크립트에서는 함수도 객체이다. 따라서 다른 객체와 마찬가지로 넘기거나 할당할 수 있습니다. 함수 식별자 뒤에 괄호를 쓰면 자바스크립트는 함수를 호출하려 한다고 이해하고 함수 바디를 실행합니다. 그리고 함수를 호출한 표현식은 반환 값이 됩니다. 괄호를 쓰지 않으면 다른 값과 마찬가지로 함수를 참조하는 것이며, 그 함수는 실행되지 않습니다. 값 뒤에 괄호를 붙이면 자바스크립트는 그 값을 함수로 간주하고 호출한다. 함수와 매개변수 함수를 호출하면 함수 매개변수는 변수 자체가 아니라 그 값을 전달받습니다. function f(x) { console.log('x1= '+x); x=5; console.log('x2= '+x); } var x=3; console.log("호출 전 x=" + x); ..

디렉토리,패키지,클래스 등 생성 목록 보기 : 윈도우, 리눅스: Alt + insert 코드 템플릿 - 메인 메소드 : psvm - System.out.println() : sout 실행환경 실행 - 현재 포커스 : Shift + Ctrl + F10 - 이전 실행 : Shift + F10 라인 복사하기 : Ctrl + D 라인 삭제하기 : Ctrl + Y 라인 합치기 : Ctrl + Shift + J 라인 단위로 옮기기 - 구문(내에서) 이동 : Shift + Ctrl + UP or DOWN - 라인 이동 : Shift + Alt + UP or DOWN Element 단위로 옮기기 : Ctrl + Alt + Shift + 인자값 즉시 보기 : Ctrl + P 코드 구현부 즉시 보기 : Shift + Ct..

Revert - 기록을 훼손하지 않고 되돌리는 법, 리버트하고자 하는 커밋에 오른쪽 클릭을 통해서 해답 탭을 클릭한 후 리버트 실행 - 리버트를 실행하면 해당커밋의 변화가 삭제되고 이전 커밋과 동일한 커밋이 생겨남 - 해당하는 커밋에서의 변화만이 반영되므로 해당 커밋의 위에 커밋을 다 리버트해야지만 충돌이 안 일어난다. 특정한 커밋으로 시간여행 - 해당하는 커밋을 더블클릭하면 해당 커밋을 제외한 다른커밋에서의 변화들이 초기화된 상태로 로컬에 반영 - 확인을 다 한 후에 마스터탭을 더블클릭하면 로컬에서 복구 비교 - 히스토리 탭에서 맨 아래탭에 확인해보고자 하는 파일은 오른쪽 클릭 후에 현재버전확인 혹은 선택된 버전확인을 통해서 비교 - KDIF3(비교툴)을 설치 후에 도구 -> 옵션 -> 비교탭에서 외부..