Programming Storytelling

this는 함수 내에서 함수 호출 맥락을 의미한다.즉.함수를 어떻게 사용하느냐에 따라서 달라진다는 의미인데 함수와 객체의 관계가 느슨한 자바스크립트에서는 this가 이 둘을 연결 시켜주는 실질적인 역할을 한다. 함수에서의 this는 전역객체와 같은데 이를 설명하는 대표적인 예시코드를 살펴보도록 하자. function func(){ if(window === this) { document.write("window === this"); } } func(); this의 값은 전역객체인 window와 같다. 그럼이제 this의 메소드호출에 대해서 살펴보자. var b = { func : function() { if( b === this) { document.write("b === this"); } } } b.fu..

SQL은 Structured Query Language 의 약자로 관계형 데이터베이스 관리 시스템이다. SQL 서버에 접속 하기 위해서는 SQL이 설치된 파일 안으로 들어가야 하는데 SQL을 설치할때 표시되어있던 경로를 명령프롬프트창에 입력해서 들어가면 된다. 접속을 완료하고 명령프롬프트창에 이와 같은 명령을 내리게 되면 비밀번호를 입력 하라고 뜨면서 SQL서버에 접속 될 것이다. 사진에 보이는 "mysql>"가 SQL서버에 접속 했다는 증거이다. 이제 database 를 생성 후 해당 데이터베이스를 사용하겠다고 컴퓨터에 명령을 내리면 되는데 Query OK ...라고 뜨면 데이터베이스 생성에 성공한것이다. 위 사진은 사용자인 내가 특정 데이터베이스를 사용하갰다고 컴퓨터에 명령을 내리는 것이다. 이제 데..

jQuery를 사용하면 맞춤 애니메이션을 만들 수 있습니다.jQuery 의 animate()메서드는 사용자 지정 애니메이션을 만드는 데 사용됩니다. 아래의 코드는 jQuery 애니메이션 메소드를 사용한 대표적인 예시이다. $(selector).animator({params},speed,callback); speed매개변수는 효과의 지속 시간을 지정한다. 선택적 콜백 매개 변수는 애니메이션이 완료된 후에 실행되는 함수이다.또 jQuery animator()은 여러속성을 조작 할 수 있는데 그와 관련된 예시도 함께 살펴보도록 하자. 아래의 코드는 동시에 여러 속성을 애니메이션으로 만든 것이다. $("button").click(function(){ $("div").animate({ left: '250px', ..

이벤트란 웹페이지가 응답 할 수 있는 모든 다른 방문자의 동작을 일컫는다. 만약 페이지의 모든 단락에 클릭 이벤트를 할당하고 싶다면 아래의 코드와 같은 형식을 쓰도록하자. $("p").click(function(){ // action goes here!! }); 다음 단계는 이벤트가 발생할 때 발생할 일을 정의 하는 것이다. 발생할 일은 함수 안에 적어 전달하면 된다. 이제 일반적으로 사용되는 jQuery 이벤트 메소드에 대해 살펴 보도록 하자. 1. $(document).ready() :이 메소드를 사용하면 문서가 완전히 로드 될 때 함수를 실행 할 수 있다. 2.dblclick() :이 함수는 사용자가 HTML요소를 두 번 클릭 할 때 실행된다. 3.mouseenter() :HTML 요소에 대한 이벤..

클로저(closure)는 내부함수가 외부함수의 맥락에 접근할 수 있는 것을 가르킨다.쉽게 말해 함수 안에 함수를 또 선언 하는것이다. 우리가 대표적으로 알고 있는 함수표현식은 클로저나 콜백함수로 사용하기 쉽다는 장점이 있다. 이번 포스팅에서 그러한 사실에 대해서 함께 알아 보도록 하자. function outter() { function inner() { var title = 'programming good'; alert(title); } inner(); } 이런식으로 함수안에 함수를 선언하면 그안에서만 특정함수를 사용 할 수 있다는 장점이 있다.즉, 내부함수가 외부함수에 접근을 할 수 있다는 뜻이다.그리고 클로저는 내부함수가 죵료된 뒤에도 외부함수를 통해 함수를 호출 할 수 있다는 큰 장점이 있다. 이..

JSON이란 javascript개체 구문을 기반으로 구조화 된 데이터를 나타내는 표준 텍스트 기반 형식입니다. JSON은 javascript객체 리터럴 구문과 매우 유사하지만 javascript와 독립적으로 사용할 수 있으며 많은 프로그래밍 환경에서 JSON을 읽고 생성 할 수 있다. JSON은 문자열로 존재하며 네트워크를 통해 데이터를 전송하고자 할 때 유용하다. JSON을 활용한 대표적인 코드를 살펴보며 JSON형식을 사용한 배열을 익혀보도록 하자. { "name": "HYUN JI", "age": 22, "secretIdentity": "DONE77", "powers": [ "ONE", "TWO", "THREE" ] } JSON를 활용한 코드는 이런식으로 속성:값의 형태를 많이 띄우며 이러한 JSO..