프론트엔드 정복하기

[ SDK 설정 단계 ] 먼저 JavaScript용 Facebook SDK를 설정한다. body태그 안에 다음을 입력한다. {your-app-id}를 앱 ID로 바꾸고 {api-version}을 타게팅하는 API 버전으로 바꿉니다. 현재 버전은v9.0 입니다. [ 로그인 확인 단계 ] 웹 페이지를 읽어들일 때 사용자가 이미 Facebook 로그인을 했는지 확인한다. 예를 들어 '페이스북 로그인' 버튼을 클릭하면 => 다음 함수를 실행하여 로그인 상태를 체크하고 => 로그인 상태에 따라 다음 액션을 취한다. 이 함수는 보통 로그인버튼의 onlogin 속성에 입력해서 사용한다. (그 예제는 아래의 [ 로그인버튼 삽입 ] 단계에서 확인할 수 있다.) 다음은 해당 함수다. FB.getLoginStatus(fun..

컴파일 타임 : 개발자가 작성한 코드가 컴파일 과정을 통해 컴퓨터가 인식할 수 있는 코드로 변환되어 실행 가능한 프로그램이 되는 과정 컴파일 에러 : 컴파일되는 과정 중에 Syntax error, 파일 참조 오류 등의 문제로 컴파일이 방해되어 발생하는 에러 컴파일 에러의 종류 : Syntax error Type check error 런타임 : 컴파일 과정을 마친 응용프로그램이 사용자에 의해서 실행되어지는 때 런타임 에러 : 이미 컴파일이 완료되어 프로그램이 실행중임에도 불구하고, 의도치 않은 예외상황으로 인해 프로그램 실행 중에 발생하는 오류 런타임 에러의 종류 : 0 나누기 오류 NULL 참조 오류 메모리 부족 오류 폴리필(Polyfill)이란?) 런타임에 필요한 기능을 주입하는 것이다. 다시 말해 브..

스코프란?) 어떤 변수들에 접근할 수 있는지를 정의, 결정한다. 스코프의 종류는?) 전역 스코프 (global scope) 지역 스코프 (local scope) 전역 스코프란?) : 변수가 '함수' 바깥이나, '블록' 바깥에 선언되었다면 전역 스코프라고 한다. const globalVariable = 'variable' 위와 같이 전역 변수를 선언하면 => 코드 모든 곳에서 globalVariable 라는 변수를 사용할 수 있다. 함수 안에서도 쓸 수 있다! 그러나 전역 스코프를 이용해 변수를 선언하는 것을 신중히 해야 한다. 두 개 이상의 변수 이름이 충돌하는 경우가 생길 수도 있기 때문이다. 심지어 var를 이용해 변수를 선언했다면, 두 번째 변수가 첫번째 변수를 덮어쓰게 된다. var a = 'he..

javascript에서 이벤트 전파를 중단하는 4가지 방법은 다음과 같다. event.preventDefault( ); 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation ( ); 현재 이벤트가 '상위'로 전파되지 않도록 중단한다. event.stopImmediatePropagation( ); 현재 이벤트가 상위 뿐만 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다. return fasle; jQuery를 사용할 때는 위의 두 개를 모두 수행한 것과 같고, jQuery를 사용하지 않을 때는 event.preventDefault();와 같다.

return 으로 조건문을 감축시킬 수 있다. 다음 예제를 살펴보자. 1. 조기 리턴하기 중첩된 if문을 쓸 경우 가독성이 떨어지고 복잡해진다. void update() { if (health > 0) { if (life_time > 0) { ... } } } 조기 리턴을 사용하면 다음과 같이 변환할 수 있다. void update() { if (health WAIT_TIME ){ move(); } } 중복된 조건이 있다면 => 조건식과 반대되는 경우 return 을 선언하고 => 그렇지 않으면 해당 조건을 반환한다. if (wait_timer

return의 용도에 대해 알아보자. 1. 가장 기본적으로 알고 있는 용도는 '반환값을 얻을 때' 쓰는 것으로 알고 있을 것이다. 2. 함수 실행을 종료하고 주어진 값을 함수 호출 지점으로 반환하는 역할도 있다. 그렇다면 함수를 중단한 후 어디까지 빠져나갈까? 여기서 return과 break의 차이점을 알 수 있다. return은 함수 자체를 빠져나간다. break는 해당 루프만을 빠져 나간다. function testBreak1(x) { let i = 0; while (i < 6) { if (i === 3) { break; //break 사용 } i++; } return i * x; } function testBreak2(x) { let i = 0; while (i < 6) { if (i === 3) ..